angular – 如何使用Ionic Native Storage存储数组数据？

发布时间：2020-12-17 17:23:17 所属栏目：安全来源：网络整理

导读：我打算使用离子本机存储来存储一些翻译历史记录,只要有翻译的单词.翻译操作(日期,翻译单词)将存储在离子本机存储中,当我打开历史页面时,将显示翻译历史列表. 这是我从离子官方网站获得的最基本的代码： export class HomePage { DataArray: Arraystring = []

我打算使用离子本机存储来存储一些翻译历史记录,只要有翻译的单词.翻译操作(日期,翻译单词)将存储在离子本机存储中,当我打开历史页面时,将显示翻译历史列表.

这是我从离子官方网站获得的最基本的代码：

export class HomePage {
  DataArray: Array<string> = [];

  constructor(public navCtrl: NavController,private storage: Storage) {

  }
  // set a key/value
  setData(){
  this.storage.set('age','Max');
  }
  // Or to get a key/value pair
  getData(){
  this.storage.get('age').then((val) => {
    console.log('Your age is',val);
  });
}
}

解决方法

使用getItem和SetItem

export class HomePage {
  DataArray: Array<string> = [];

  constructor(public navCtrl: NavController,private storage: NativeStorage) {

  }
  // set a key/value
  setData(){
  this.storage.setItem('keyOfData',JSON.stringify(DataArray));
  }
  // Or to get a key/value pair
  getData(){
  this.storage.getItem('keyOfData').then((val) => {
    console.log('Your age is',JSON.parse(val));
  });
}
}

参考Ionic native storage

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!