如何在ionic中将父页面移动到详细信息页面

时间:2018-06-28 12:11:49

标签: angular ionic3

您好用于离子应用程序开发的初学者以及在仪表板屏幕上的应用程序中,我具有侧面菜单功能,如下面的图像,但是当我要将仪表板页面移到“详细信息页面”时,仪表板导航栏出现在“详细信息页面”中,我该如何解决此问题,有人可以帮忙

DashBoard.ts:

export class SettingsPage {
  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

 moveToNextPage(){
    this.navCtrl.push(DetailsPage);
  }
}

enter image description here

1 个答案:

答案 0 :(得分:1)

尝试使用rootNav进行移动。

import { App } from "ionic-angular";

constructor(
    private app: App
)

moveToNextPage(){
    const nav = this.app.getRootNav();
    nav.push(DetailsPage);
}