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

san*_*ine 1 ionic2 angular

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

在此输入图像描述

模态创建如下:

let modal = this.modalCtrl.create(OnePage);
modal.present();   
Run Code Online (Sandbox Code Playgroud)

Sur*_*Rao 5

检查Ionic doc的" 从叠加组件导航"部分

试试你的模态:

import { App, ViewController } from 'ionic-angular';
Run Code Online (Sandbox Code Playgroud)

构造函数:注入应用程序

 constructor(
      public viewCtrl: ViewController
      public app: App
    ) {}
Run Code Online (Sandbox Code Playgroud)

为了导航,

this.app.getRootNav().push(TwoPage);
Run Code Online (Sandbox Code Playgroud)