ionic 3 - 单击 ion-toggle 后显示确认警报

【问题标题】：ionic 3 - show confirm alert after click on ion-toggleionic 3 - 单击 ion-toggle 后显示确认警报
【发布时间】：2023-03-12 19:14:01
【问题描述】：

我正在尝试在 ion-toggle 上使用点击事件，但无法正常工作。

HTML：

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

mudarStatusProcesso() 创建一个带有 'ok' 和 'cancel' 选项的 AlertController，此操作需要在 ion-toggle 更新之前发生。我认为我应该使用其他道具而不是"(click)"，有人可以帮助我吗？

【问题讨论】：

你让它工作了吗？我也有同样的问题

标签： angular ionic-framework ionic3

【解决方案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();

  }

【讨论】：