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

时间:2017-03-31 05:56:48

标签: angular ionic2 ion-toggle

这是我的.html文件

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

当我点击Notification文本时,上面的代码有效,但当我点击ion-toggle时,我无法调用该函数,我应该怎么做才能调用该函数。

这是我的.ts文件

update(){
 console.log("invoking notification");
}

1 个答案:

答案 0 :(得分:19)

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

<ion-toggle [(ngModel)]="notify" (ngModelChange)="update($event)" ></ion-toggle>

否则你可以使用

<ion-toggle (ionChange)="update($event)"></ion-toggle>

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