ionic 3 - показать подтверждение после нажатия на ионный переключатель

Question

Я пытаюсь использовать событие click на ion-toggle и не работает.

Html:

  <ion-item>
     <ion-label class="labelToggle">Ativo:</ion-label>
     <ion-toggle (click)="mudarStatusProcesso()" [(ngModel)]="ProcAtivo"></ion-toggle>
  </ion-item>

mudarStatusProcesso() создает AlertController с опциями 'ok' и 'cancel', это действие должно произойти до обновления с ионным переключением. Я считаю, что я должен использовать другую опору вместо "(click)", кто-нибудь может мне помочь?

Answer 1

Вы можете использовать (ngModelChange),

<ion-item>
   <ion-label class="labelToggle">Ativo:</ion-label>
   <ion-toggle [(ngModel)]="ProcActivo" (ngModelChange)="mudarStatusProcesso()"></ion-toggle>
</ion-item>

В ваших .ts,

ProcActivo: boolean = false; // default value

mudarStatusProcesso(){

    let alert = this.alertCtrl.create({
      title: null,
      message: "Confirm?",
      buttons: [{
        text: 'Cancel',
        role: 'cancel',
        handler: () => {
          if(this.ProcActivo==false){
            this.ProcActivo=true;
          }else{
            this.ProcActivo=false;
          }
        }
      },
      {
        text: 'Okay',
        handler: () => {

        }
      }
    ]
  });
  alert.present();

  }