离子切换检查没有使用ngModel ionic3

Question

如果绑定值为true，则将[（ngModel）]与离子切换组件一起使用时，不会在视觉上检查组件。 [（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

与此相关的还有一个开放的issue。

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

我的代码是这样的

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

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