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

时间:2017-07-24 13:10:57

标签: angular typescript ionic2

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

我希望切换取得&#34; bouleau&#34;的价值。这是我的应用程序的推出bool。问题是:即使我将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")
      }
     });

由于

1 个答案:

答案 0 :(得分:0)

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

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

Variable Bouleau选择或不选择组件。我首先声明为false,从存储中读取数据是一种异步方法,它需要一些时间(你也可以添加loadingcontroller)