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

Posted 2023-03-16

【中文标题】如何处理离子切换上的点击功能

【英文标题】：how to handle click function on ion-toggle

【发布时间】：2017-08-25 07:05:58

【问题描述】：

这是我的 .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】：

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

【讨论】：

还有其他方法我可以使用，因为 ionchange 方法调用了两次。当我的页面出现时，我将我的切换设置为 true 或 false，因为我正在自动调用该函数，但我希望当用户手动选择那个时间时，我只需要调用该函数

ngModelChange 怎么样？它也调用两次吗？否则，您可能需要忽略第一个事件。我认为没有其他方法。

很高兴听到:)