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");

如何使用离子2中的本地存储来存储和检索数据

2 个答案: