Ionic 通过true或false使用变量值更改离子切换视觉切换

toiithl6 于 2022-12-08 发布在 Ionic

关注(0)|答案(3)|浏览(146)

我以为我已经做好了，但没有。
不知何故，我不能改变我的离子切换视觉值的切换，与一个可变的数字。
我启动我的应用程序时，我的变量处于false状态，但我的离子切换启动活跃。

<ion-toggle
  checked="loyaltyCardActiveState"
  [ngModel]="loyaltyCardActiveState"
  (click)="activeLoyaltyCard()"
></ion-toggle>

loyaltyCardActiveState在开始时是false，但切换是活动的。我做错了什么？

3条答案

您正在使用[ngModel]的单向绑定
请将其更改为[(ngModel)]这将更改切换视觉值。
如果有用就告诉我

使用ionChange事件：

`<ion-toggle
  checked="loyaltyCardActiveState"
  [ngModel]="loyaltyCardActiveState"
  (ionChange)="activeLoyaltyCard()"
></ion-toggle>`

<ion-toggle
  [checked]="loyaltyCardActiveState"
  (ionChange)="activeLoyaltyCard()">
</ion-toggle>