ionic-framework - 离子切换检查不适用于 ngModel ionic3

Question

如果绑定值为 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 它的工作是这样的

Answer 1

设置n=true并分配给 ngModel 它将选择它。我无法弄清楚你到底需要什么

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

Answer 2

关于这个还有一个悬而未决的问题。

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

我的代码是这样的

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

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