模態頁面中的ionic2導航到另一頁面？

Question

當我使用this.navCtrl.push(TwoPage)在模式中推送另一個頁面時，被推送的頁面顯示如下：

模態創建如下：

let modal = this.modalCtrl.create(OnePage);
modal.present();   

Answer 1

檢查Ionic doc中的“ 從疊加組件導航”部分

嘗試您的模式：

import { App, ViewController } from 'ionic-angular';

構造函數：Inject App

 constructor(
      public viewCtrl: ViewController
      public app: App
    ) {}

為了導航，

this.app.getRootNav().push(TwoPage);

Answer 2

只是為了更新，不贊成使用getRootNav（） ，現在您必須使用：

this.app.getActiveNav().push(TwoPage);

但這也將被棄用，建議使用getActiveNavs（） ，它會返回一個活動的NavControllers數組，因此您需要自己承擔風險，您可以通過以下方式使用它：

this.app.getActiveNavs()[0].push(TwoPage);

Answer 3

離子3：

您應該避免直接從模式導航器中推送，而應嘗試這樣做：

constructor(
      private appCtrl: App,
      ...

然后，在您的方法中執行以下操作：

this.appCtrl.getRootNavs()[0].push(YourNextPage);