イオンポップアップからナビゲーションが機能しない

Question

アプリケーション開発にIonic 2とAngular 2を使用しています。私はionic-angularモーダルを使用してポップアップを作成しました。イオンナビゲーション（push）メソッドを使用して、ポップアップから他のページへのナビゲーションが必要です。しかし、 "それは私の目的のために働いていない。次のページが同じコンポーネントに読み込まれています。この機能ポップアップ

openModal() { 

     let myModal = this.modalCtrl.create(CreateModal); 
     myModal.present(); 
    } 

を開くための

私のコード

は、ポップアップを開きます。ポップアップhtmlで私はクリック機能を持っています。

<h2 (click)="goTonext()" data-dismiss="create-modal" >Next page</h2> 

クリック機能

goTonext() { 
     this.viewCtrl.dismiss(); 
    this.navctrl.push(NextPage 
      , { 
      id: res.status 
      } 
     ); 
} 

この機能は、ポップアップを閉じて、同じページに次のページを読み込みます。

次のページは別途ロードされません。

助けてください！

Answer 1

this.view.dismiss()を呼び出すと、モーダルが閉じています。

を処理したければ、を却下した後、onDidDismiss()のモーダルで行うことができます。あなたのオリジナルのコンポーネントで

、

openModal() { 

     let myModal = this.modalCtrl.create(CreateModal); 
     myModal.onDidDismiss(data=>{ 
      if(data){ 
      this.navctrl.push(NextPage 
      , { 
      id: data.status 
      } 
      } 
     ); 
     }); 
     myModal.present(); 
    } 

は、関数呼び出しを却下res中を送信します。

this.viewCtrl.dismiss(res);