我正在尝试学习 Ionic2 侧边菜单的使用,并希望看看我是否可以在每个子视图中拥有单独的侧边菜单。
我已经安装了一个入门应用程序,它在主应用程序中有一个离子菜单,即在app.html
我们拥有的引导文件中
<ion-menu [content]="content">
<ion-toolbar>
<ion-title>Pages</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
{{p.title}}
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
然后我添加了自己的页面,并在getting-started.ts
示例应用程序的初始根页面中添加以下内容以导航到我的新页面..
public goToSideMenuPage(): void{
this._navController.push(SideMenuPage);
我还添加了一个按钮来调用上述处理程序。
在 SideMenuPage 中,我希望它有自己完全不同的侧菜单。我尝试了以下...
<ion-menu [content]="thecontent">
<ion-toolbar>
<ion-title>Menu title</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button>button1</button>
<button>button2</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-content #thecontent>
<div>Main contents text</div>
</ion-content>
但是,当我转到我的页面时,我看到的只是Main contents text
左上角。我没有看到菜单汉堡包图标,如果我向右拖动,我会看到应用程序主菜单设置为app.html
,而不是我自己的“本地”菜单,其内容为
<button>button1</button>
<button>button2</button>
在 doco found here中,演示确实显示了在运行时交换的侧面菜单,但我无法在任何地方看到它的实际代码。这与我想要做的很接近(尽管我希望它在取决于我导航到的子页面时交换),所以看起来确实可以做到,但我只是不太明白我应该怎么做正在做。
有谁知道这是否可行,如果可以,该怎么做?