web-dev-qa-db-ja.com

イオントグルのクリック機能の扱い方

ここに私の.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");
}
angularionic2ion-toggle
11
Mohan Gopi

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/

25
Günter Zöchbauer