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

Posted

技术标签:

【中文标题】离子切换检查不适用于 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);
   



【讨论】:

以上是关于离子切换检查不适用于 ngModel ionic 3的主要内容,如果未能解决你的问题,请参考以下文章

Ionic Framework 应用程序适用于“离子服务”,但不适用于 Ionic View 应用程序

Ionic 2:如何将多语言用于选择器离子选择 [selectOptions]?

Ionic 4 Leaflet Map不适用于部署,但适用于离子服务--devapp

离子 - 嵌入式视频不适用于 ios

离子输入值 [(ngModel)] 没有随着相对组件成员变量的变化而更新

离子按钮(单击)事件不适用于模态 - 离子3