0

私はionicアプリケーションを持っており、ionicストレージを使用しています。私はpage1page2という2つのページを持っています。 page2.tsでストレージに情報を追加した後、NavController.pop()に電話してpage1に戻ります。 page1で、ストレージに追加されたこの新しい情報を表示したいと思います。Ionic NavController.pop()refesh宛先ページ

コードは次のようである: PAGE2.TS

onSubmit() { 
     let _actividad = new Actividad(this.event.nameActividad, this.event.timeStartsIntensidad, this.event.timeStartsDescanso, this.event.timeStartsCalentamiento, this.event.timeStartsRelajacion, this.event.numberIntervalos); 
     this.strgCtrl.set(this.event.nameActividad, _actividad); 
     console.log(_actividad.getNameActividad()); 
     this.navCtrl.pop(); 
    } 

Heare、Iは、オブジェクトレコード生成し、私はそれとページ1への呼び出しを格納します。

PAGE1.HTML:

<ion-item *ngFor="let x of actividades"> 
      <button ion-item> 
      <ion-thumbnail item-start> 
       <img src="assets/imgs/abdominales.jpg"> 
      </ion-thumbnail> 
      <h2>{{x.nameActividad_act}}</h2> 
      <p>Intervalos: 10</p> 
      <p>Intensidad: 10</p> 
      </button> 
      <button ion-button class="disable-hover button button-md button-default button-default-md button-md-primary" item-end>Empezar</button> 
     </ion-item> 

PAGE1.TS

ionViewDidLoad() { 
     this.strgCtrl.forEach((value, key, index) => { 
      this.actividades.push(value); 
     }) 
    } 

さて、このコードは、私がやりたい、もし私の記憶域の新しい活動をし、私はそれを示すことができるのPage1をリフレッシュ。しかし、どのように私はpage1をリフレッシュせずにこれを行うことができますか?

答えて

0

ページ1 .TSファイルで:PAGE2 .TSファイルで

goToPage2() { 
var _that = this; 
//callback 
var callbackFunction = function (params) { 
    return new Promise((resolve, reject) => { 
    _that.strgCtrl.forEach((value, key, index) => { 
     _that.actividades.push(value); 
    }); 
    resolve(); 
    }); 
} 
// push page... 
this.navController.push(page2, { 
    callback: callbackFunction 
}); 
} 

callback; 
ionViewWillEnter() { 
    this.callback = this.navParams.get("callback"); 
} 
ionViewWillLeave() { 
    this.callback(); 
} 

か:

onSubmit() { 
    this.callback(); 
    this.navCtrl.pop(); 
} 

あなたはまた、いくつかのパラメータを渡すことができます。

+0

こんにちはAmin、 まずはお返事ありがとうございます。私はそれを実装しようとしていますが、私はこのエラーを受け取ります: "ERROR TypeError:行のthis1.actividades.push(value); page1.tsの未定義のプロパティ 'push'を読み取ることができません。 それを手伝ってもらえますか?私はイオンを使用して新しいですので、まだtipicalエラーを理解していません – MrSman

+0

あなたは正しいです。私は投稿を編集する。 –