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

【问题标题】：ion-toggle checked doesn't wok with ngModel ionic3离子切换检查不适用于 ngModel ionic 3
【发布时间】：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 时，它的工作是这样的

【问题讨论】：

标签： ionic-framework ionic2 ionic3 angular-ngmodel ion-toggle

【解决方案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);
   }

【讨论】：