如何在离子切换上处理点击功能

Moh*_*opi 10 ion-toggle ionic2 angular

这是我的.html文件

<ion-item no-lines (click)="update()" >
        <ion-label> Notification</ion-label>
        <ion-toggle [(ngModel)]="notify" ></ion-toggle>
    </ion-item>
Run Code Online (Sandbox Code Playgroud)

上面的代码工作时,我点击Notification文本,但当我点击ion-toggle我无法调用该功能,我该怎么做才能调用该功能.

这是我的.ts文件

update(){
 console.log("invoking notification");
}
Run Code Online (Sandbox Code Playgroud)

Gün*_*uer 24

如果您使用ngModel它最好使用ngModelChange

<ion-toggle [(ngModel)]="notify" (ngModelChange)="update($event)" ></ion-toggle>
Run Code Online (Sandbox Code Playgroud)

否则你可以使用

<ion-toggle (ionChange)="update($event)"></ion-toggle>
Run Code Online (Sandbox Code Playgroud)

另请参见https://ionicframework.com/docs/api/components/toggle/Toggle/

  • 我可以使用其他方法吗,因为 ionchange 方法调用两次。当我的页面出现时,我将切换设置为 true 或 false,因为我会自动调用该函数,但我希望当用户手动选择那个时间时,我才调用该函数 (2认同)
  • ngModelChange工作正常,谢谢 (2认同)