2

私のアプリには 2 つのページがあり、localstorage を使用してアプリケーションのデータを保存したいと考えています。

ここに私の最初のページがあります:

constructor(public nav : NavController){

    this.local = new Storage(LocalStorage);
    this.array = [];
    this.nav = nav;
    this.information= this.local.get('obj'); 
    this.array.push(this.information);  //storing data in array from locals
    console.log(this.array);
}

gotopage(){
    this.nav.push(SecPage);   //going to second page where input fields are
} 

これは、入力フィールドが次のような 2 ページ目にデータを設定するために localstorage を使用する方法です。

コンストラクタ:

this.local = new Storage(LocalStorage);

onSubmit メソッド

this.local.set('obj', value);
this.navigation.pop(); 

今、最初のページの配列からデータを表示したいのですが、何も表示されません。

<ion-card *ngFor= "#arr of array">
<img src=""/>
<ion-card-content>
<ion-card-title>
{{arr.name}}
</ion-card-title>
</ion-card-content>
</ion-card>

2 ページ目から 1 ページ目に移動するときの永続性の問題があると思います。配列のデータが表示されない理由を特定できますか?

4

1 に答える 1