Как хранить и извлекать данные, используя локальное хранилище в 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, содержащий идентификатор, заголовок, содержимое в качестве свойств.

Может ли кто-нибудь посоветовать мне, как я могу сохранить любые списки, которые пользователь нажимает, не перезаписывая локальную переменную хранения?

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