在离子2中使用带侧边菜单的nav.push

时间:2016-06-19 09:06:29

标签: angular typescript ionic-framework ionic2 ionic3

我尝试在ionic2制作一个小应用程序来了解它,但我遇到导航问题。

事实上,我很清楚rootpage(更改白色nav.setRoot)和"正常"之间的差异。页面(添加nav.push)。问题是我的应用程序我需要能够打开侧边菜单(如果我在rootpage上就可以了,但不是第二种类型不合适(页面)并且能够返回(这对推送页面没有问题,但是没有根页面)。

所以对我来说这种类型的页面应该是推送而不是根页面,但是如何在这种类型的页面上重复使用侧边菜单?

谢谢。

1 个答案:

答案 0 :(得分:14)

修改

如何在persistent="true"项目中使用ion-menu呢?就像你在Ionic2文档中看到的那样:

  

持久菜单持久菜单显示中的MenuToggle按钮   导航堆栈中所有页面上的NavBar。使菜单持久化   在元素上将persistent设置为true。请注意,这将   仅影响附加到菜单的NavBar中的MenuToggle按钮   如果持久性设置为true,则不会有任何其他MenuToggle按钮   影响。

所以你的app.html将会是:

<ion-menu [content]="content" persistent="true">

  <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>
      <button menuClose ion-item (click)="logout()">Logout</button>
    </ion-list>
  </ion-content>

</ion-menu>

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>