Question

我需要为离子2/3应用程序构建可扩展菜单（最好使用离子菜单）。按照docs菜单上的指南，应该是主要内容的兄弟，他们建议将其保存在app.html中，这是应用程序中非常高的位置，不必太拥挤。

如果我们有一个大菜单或者我们需要使用几个不同的菜单，由app内的动作触发，这个地方不适合这个目的。

我想在其自己的容器/组件中隐藏菜单的复杂性，并处理app.component.ts之外的逻辑。

app.html应该保持苗条，下面的结构可能很有用。

<app-menu></app-menu> // this should be the enclosing container of the menu logic
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

如果我这样做，会出现以下错误：

Menu: must have a [content] element to listen for drag events on. Example:
<ion-menu [content]="content"></ion-menu>
<ion-nav #content></ion-nav>

有关如何实现此问题的任何想法，避免直接向app.html和app.component.ts添加代码？

韩国社交协会

Answer 1

错误代码只是告诉您如果使用<ion-nav #content></ion-nav> ... {p}

下面的示例切换菜单代码...

<ion-menu [content]="content"></ion-menu>

Ionic 3 - 在其自己的组件中提取侧面菜单

1 个答案: