从本地存储恢复离子切换状态答案

【问题标题】：Restore Ion toggle state from local storage从本地存储恢复离子切换状态
【发布时间】：2023-03-05 03:00:02
【问题描述】：

我对 ionic 有一个小问题。我有这个切换 <ion-toggle [(ngModel)]="Bouleau" (ionChange)="saveSetting(Bouleau)" checked="bouleau"></ion-toggle>

我希望切换采用“bouleau”的值，这是我的应用启动时的布尔值。问题是：即使我把checked = true 切换不检查。

我的 var bouleau 已正确存储和正确恢复，但我不知道如何显示它。

    getSettings(){
     this.storage.get('mysettings').then((mysettings) => {
      console.log('Your settings are', mysettings);
      if( mysettings.bouleau == true){
       console.log("I'm true");
      }else{
       console.log("I'm false")
      }
     });

谢谢

【问题讨论】：

只需将变量声明为该组件的模型，并将本地存储中的数据填充到构造函数中。您的模型正在决定是否检查该组件。
谢谢它的工作！
@rf_96_rf 请将其添加为答案，以便将来的用户可以接受它：)
是的，非常感谢。

标签： angular typescript ionic2

【解决方案1】：

您需要将变量声明为该组件的模型，然后将本地存储中的数据填充到构造函数中。

public Bouleau: boolean = false;
...
constructor(..., storage: Storage){
   ...
   storage.get('mysettings').then(mysettings) => {
      this.Bouleau = mysettings.bouleau;
   };
   ...
}

Variable Bouleau 使组件被选中或不被选中。我先声明为假，因为从storage读取数据是异步方法，需要一定时间（也可以加loadingcontroller）

【讨论】：