angular - ionic hur man får klickhändelsen på oktext

Jag har en välj-knapp på Ionic som har två alternativ okText och cancelText, mitt problem är att när jag klickar på okText stängs min meny vilket är avsett för detta attribut. Jag skulle dock vilja veta hur jag kan hantera det via klickhändelser. Detta är min kod:

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

Jag skulle vilja lista ut hur jag navigerar till en annan sida när jag deklarerar en funktion i min .ts-fil.

Svar #1

Du kan använda ionCancel för att utlösa cancel-klickhändelsen och ionChange för att utlösa ok-klickhändelsen.

Exempel :

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');
  }

}

Svar #2

Du kan använda nedanstående metoder för att avbryta klickhändelsen och ok-klickhändelsen.

<ion-select (cancel)="onCancelClick()" (change)="onOkClick()">
   ...
</ion-select>