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

qch*_*hap 4 typescript ionic-framework ionic2 ionic3 angular

我尝试制作一个小应用程序ionic2来了解它,但我有导航问题.

事实上,我很清楚a rootpage(改变whit nav.setRoot)和"normal"页面之间的区别(添加nav.push).事情是我的应用程序,我需要能够打开一个侧面菜单(这是好的,如果我在一个rootpage但不是第二类型的页面不好),并能够回去(这是确定推送页面,但没有rootpage).

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

谢谢.

seb*_*ras 14

编辑:

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

持久菜单持久菜单在导航堆栈中的所有页面上显示NavBar中的MenuToggle按钮.使元素上的菜单持久化持久化为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>
Run Code Online (Sandbox Code Playgroud)