如何将每个json值保存到离子中的localStorage答案

【问题标题】：How to save each json value into localStorage in ionic如何将每个json值保存到离子中的localStorage
【发布时间】：2020-08-08 14:45:37
【问题描述】：

我的 rest api 有以下 json：

{"data":[{
"loginStatus":"Valid",
"CustomerName":"Fagbemi Ayodele","Mobile":null,
"Email":"fagbemiayodele48@gmail.com",
"CustomerID":"3"
}]}

在我的 login.ts 中，我尝试通过执行以下操作将 json 中的每个值保存到 localStorage：

this.authService.login(this.loginData).then((result) => {

        this.data = result;


          localStorage.setItem('loginStatus', this.data.loginStatus);
          localStorage.setItem('CustomerName', this.data.CustomerName);
          this.navCtrl.setRoot(MyApp);
          this.loading.dismiss();

}

当我尝试在控制台中打印输出值时，即console.log(this.data.loginStatus);，它返回undefined。

如何获取每个值？

【问题讨论】：

标签： json ionic-framework ionic3

【解决方案1】：

这是我用于存储的方法，希望对你有帮助 2.

设定值

public set(keyValue,value){
    return this.storage.set(keyValue,value);
  }

获取价值

 public async get(keyValue){
    return await this.storage.get(keyValue);
  }

【讨论】：

【解决方案2】：

返回的 JSON 的 data 属性不是一个对象，而是一个数组。所以你的代码应该是这样的

this.authService.login(this.loginData).then((result) => {

    this.data = result[0];

    localStorage.setItem('loginStatus', this.data.loginStatus);
    localStorage.setItem('CustomerName', this.data.CustomerName);
    this.navCtrl.setRoot(MyApp);
    this.loading.dismiss();
}

注意我是如何得到结果数组的 0 索引的。

【讨论】：