Ionic2 离子2离子选择-以编程方式关闭选择框

我在做ionic2项目。 我使用离子选择元素

  <ion-item>
    <ion-label>Gender</ion-label>
    <ion-select interface="action-sheet">
      <ion-option value="f" selected="true">Female</ion-option>
      <ion-option value="m">Male</ion-option>
    </ion-select>
  </ion-item>

我搜索一种方法，以编程方式在选择任何项目时关闭选择框（不要等待用户按OK）

---

`

我不确定这是否有效，但它显示为一个弹出窗口，可以使用ionic ViewController取消弹出窗口

您可以这样使用它：

import { ViewController } from 'ionic-angular'
...
export class YourComponent {
    constructor(private viewCtrl: ViewController){}
    closeAndSave(){
        //save things here 
        this.viewCtrl.dismiss();
    }
}

这就是我所做的：

this.court = val;
this.select.close();

将其放入

关闭和保存功能中

在此之前，您需要从closeAndSave函数中传递一些值，如：

(ionSelect)="closeAndSave('someValueHere')"

然后在TS代码中使用此值：

import { Select } from 'ionic-angular';

class myClass{
    @ViewChild(select) select:Select;
    closeAndSave(val){
    this.someVar = val;
        this.select.close();
    }
}

尝试测试此标记：

您只需在离子选择元素中添加interface=“action sheet”

  <ion-item>
    <ion-label>Gender</ion-label>
    <ion-select interface="action-sheet">
      <ion-option value="f" selected="true">Female</ion-option>
      <ion-option value="m">Male</ion-option>
    </ion-select>
  </ion-item>


性别
女性
男性

我不确定这在你的应用程序中是否是一个有效的选项（就用户体验而言）

来源：
我用过这个：
（document.querySelector（'ion-background'）作为HTMLElement）。单击（）
 谢谢你，但不是工作。。。请给出解决方案，你是如何解决这个问题的我编辑这个问题：从“离子角度”导入{Events}；你可以使用这个模板，它是一个很好的样本，是迄今为止最准确的答案。
  <ion-item>
    <ion-label>Gender</ion-label>
    <ion-select interface="action-sheet">
      <ion-option value="f" selected="true">Female</ion-option>
      <ion-option value="m">Male</ion-option>
    </ion-select>
  </ion-item>