ionic2 - ionic 2 ion-select - 以编程方式关闭选择框

Question

我正在研究 ionic2 项目。
我使用 ionic 选择元件。

我搜索了一种在选择任何项目时以编程方式关闭选择框的方法(不等待用户按 OK)。

  <ion-select id="select" #select>
      <ion-option (ionSelect)="closeAndSave()" *ngFor="let option of enumList" [value]="option">{{ option}}</ion-option>
    </ion-select>

`

class myClass{
    @viewChild('select') select:Select;
    closeAndSave(){
        /*it is come here on press any option. but how can I close here my select element? I tried: this.select.destroy()  - not do any thing. any solution?*/
    }

`

Answer 1

这就是我所做的:

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

把这个放在你的 closeAndSave功能。

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

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

然后在你的 TS 代码中使用这个值:

import { Select } from 'ionic-angular';

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