ionic 2 sidemenu - 将导航从 app.ts 传递到菜单组件

Posted

技术标签:

【中文标题】ionic 2 sidemenu - 将导航从 app.ts 传递到菜单组件【英文标题】:ionic 2 sidemenu - pass nav from app.ts to menu component 【发布时间】:2017-07-05 18:09:13 【问题描述】:

我需要实现与以下链接中给出的逻辑相同的逻辑: ionic 2 sidemenu - navCtrl inside a component

我在 app.ts 中有 ion-nav,在 app.html 中有另一个自定义组件(menu.ts)。从 menu.ts 内部,我想将另一个组件导航/设置为 root

我收到错误 无法读取未定义的属性“setRoot”

如何将 nav 从 app.ts 传递到菜单组件?

【问题讨论】:

【参考方案1】:

你可以像这样向页面传递参数:

app.ts

this.nav.setRoot(page.component, nav);

然后阅读它们:

page.ts

constructor(public params: NavParams) 
    this.nav= params.get('nav');

但是当你想调用“setRoot”时这不应该是必要的,我这样做:

page.ts

constructor(public navCtrl: NavController) 
 

....

navigateToPage() 
    this.navCtrl.setRoot(Page);

【讨论】:

我在 app.ts 中有 ion-nav,在 app.html 中有另一个自定义组件(menu.ts)。从 menu.ts 内部,我想将另一个组件导航/设置为 root。

以上是关于ionic 2 sidemenu - 将导航从 app.ts 传递到菜单组件的主要内容,如果未能解决你的问题,请参考以下文章

如何在某些页面上禁用 Sidemenu Ionic 2

ionic 2 + angular 2 - 选项卡 + 侧边菜单

从列表页面到主页的 Ionic 3 侧边菜单不去

iframe 的 Ionic sideMenu ios 问题

React Native Navigation v2 sideMenu 无法导航到屏幕

导航菜单sidemenu