如何在 ionic 2 中使用本地存储来存储和检索数据

Question

HTML 代码

<ion-item *ngFor="let data of datas">
<ion-button (click)="makefavorite(data)" > Make Favourite </ion-button>
</ion-item>

打字稿代码

makeFavorite(favData){

this.favStorage.set('id',favData.id);
//Storing data test

this.favStorage.get('id').then((val) => {
        console.log('Saved post is', val);
      }); //retrieving data test
 }

上面显示的代码工作正常。我正在尝试通过 HTTP 调用构建来自服务器的数据列表。

此应用应允许用户通过单击书签或购物车等按钮来收藏列表。

数据变量是一个 JSON object 包含 id、title、content 作为属性。

任何人都可以建议我如何在不覆盖本地存储变量的情况下存储用户点击的任何列表？

Answer 1

import { Storage } from '@ionic/storage'

export class MyPage {
itemList: any;
  constructor(public navCtrl: NavController, public storage: Storage) {
    this.storage.get('myList').then((list) => {
      this.itemList = list;
      console.log(list);
    });
  };

  store(val){
    this.storage.get('myList').then((list) => {
      if(list!= null)
      {
        list.push(val);
        this.storage.set('myList', list);
      }
      else
      {
        let list = [];
        list.push(val);
        this.storage.set('myList', list);
      }
    });
  };
}

Answer 2

要在本地存储中设置数据：

localstorage.setItem("key","value");

要从本地存储中获取数据：

let value = localstorage.getItem("key");

如何在 ionic 2 中使用本地存储来存储和检索数据

How to store and retrieve data using local storage in ionic 2

bookmarks

angular-local-storage