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

发布时间：2020-12-17 08:46:57 所属栏目：安全来源：网络整理

导读：这是我的.html文件 ion-item no-lines (click)="update()" ion-label Notification/ion-label ion-toggle [(ngModel)]="notify" /ion-toggle /ion-item 当我点击Notification文本时,上面的代码有效,但是当我点击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");
}

如果使用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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!