离子切换检查不适用于 ngModel ionic 3

Posted 2023-03-16

【中文标题】离子切换检查不适用于 ngModel ionic 3

【英文标题】：ion-toggle checked doesn't wok with ngModel ionic3

【发布时间】：2018-04-23 10:59:20

【问题描述】：

如果绑定值为 true，则将 [(ngModel)] 与 ion-toggle 组件一起使用不会在开始时直观地检查组件。 [(ngModel)] 属性可以正常工作，但组件在加载时不会在视觉上更新其值。

如果 [(ngModel)] 存在，则不会在组件加载时检查

<ion-toggle checked="true" [(ngModel)]="n" (ionChange)="themestate(n)"></ion-toggle>

输出会是这样的

<ion-toggle checked="true" (ionChange)="themestate()"></ion-toggle>

当我删除 ngModel 时，它的工作是这样的

【参考方案1】：

设置 n=true 并分配给 ngModel 它将选择它。我不知道你到底需要什么

<ion-toggle [(ngModel)]="n"></ion-toggle>

【参考方案2】：

关于此问题，issue 仍有待处理。

在 Ionic v5 中，我的解决方法是将变量包装在 setTimeout 中

我的代码是这样的

// template
     <ion-toggle [(ngModel)]="foo"></ion-toggle>

// component
     foo: boolean;
  ngOnInit() 
     setTimeout(() => 
      this.unsettled = true;
      this.paid = true;
     , 0);