模态页面中的ionic2导航到另一个页面？

Question

当我使用this.navCtrl.push(TwoPage)在我的模态中推送另一页时，推送的页面显示如下：

模态创建如下：

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

Answer 1

检查the 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

IONIC 3：

您应避免直接从模式导航器中推送，而应尝试这样做：

constructor(
      private appCtrl: App,
      ...

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

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