Ionic 2/3：IDで次のページにデータを渡す

Question

私はIonicを初めて使いましたが、基本的にIDに基づいて、ある画面から別の画面にデータを渡すことを検討しています。私は私のlevels.tsフォルダ（データへのページリンク）で

私は、次のコードを持っている私の "reference.ts" フォルダに

..

goToReference1(){ 
     let id = document.getElementById("1") 

     if(id = 1) { 
referenceField1: this.referenceList.referenceField1 
     this.navCtrl.push(ReferencePage,referenceField1); 
     } 
     else { 
     console.log("nahhh") 
     } 
    }; 

....

ionViewDidLoad() { 
    this.navParams.get("referenceField1") 
    console.log(this.navParams.get("referenceField1")) 
} 

IDに基づいてこのデータを渡して呼び出す方が簡単かどうかはわかりませんでした。私は次のページにそれを表示するのに苦労している。私はthis tutorialを見てきましたが、それは少し助けましたが、私はそれをさらに進めていくつもりです。

Answer 1

あなたが欲しいthis.navCtrl.push(ReferencePage, { referenceField1:"xxxxxxx" });referenceField1は、渡しているデータのキーです。次に、levels.tsでやっていることはうまくいくはずです。送信ページのインポートで

Refer this too

Answer 2

からNavController次いでthis.navCtrl.push使用（NEWPAGEを、{ 'ID'：1}）; （navCtrlをコンストラクタに追加）受信ページの をインポートします。NavParamsはthis.navParams.get（ 'id'）;を使用します。 LevelPageが行う我々の場合には、あなたの次のページでは

Answer 3

reference.ts

this.id = 2; 
this.navCtrl.push(LevelPage, {id :this.id}); 

を（自分のコンストラクタにnavParamsを追加）

level.ts

this.navParams.get('id');