angular - ionic 如何获取 oktext 上的点击事件

Question

我在 ionic 上有一个选择按钮，有两个选项 okText 和 cancelText，我的问题是，当我单击 okText 时，我的菜单将关闭，这是针对此属性的。但是，我想知道如何通过点击事件来实现它。这是我的代码:

<ion-select okText="Okay" cancelText="Dismiss">
  ...
</ion-select>

我想知道当我在 .ts 文件中声明函数时如何推送另一个页面。

Answer 1

您可以使用ionCancel触发cancel点击事件，使用ionChange触发ok点击事件。

示例:

HTML

<ion-select [(ngModel)]="employee" 
    (ionChange)="onModelChange()"
    (ionCancel)="onCancelClick()">

   <ion-option 
       *ngFor="let employee of employees" 
       [value]="employee"></ion-option>
  </ion-select>

TS

export class ExamplePage {

  employees = ['A', 'B', 'C', 'D'];
  employee;

  constructor() {

    this.employee = this.employees[0];
  }

  onModelChange() {

    console.log(this.employee);
  }

   onCancelClick () {
    console.log('handle onCancelClick');
  }

}