bookmarks - 如何在 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 对象，包含 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");