保存およびイオン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呼び出しを通じてサーバーから来るデータのリストを構築しようとしています。

このアプリは、ブックマークやショッピングカートなどのボタンをクリックするとお気に入りのリストを作成できるようにする必要があります。

データ変数は、ID、タイトル、コンテンツをプロパティとして含む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); 
     } 
    }); 
    }; 
}