在 ionic 2 中将 nav.push 与侧边菜单一起使用

Question

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

事实上，我很清楚 rootpage（更改 nav.setRoot）和 "normal" 页面（添加 nav.push）之间的区别。事情是针对我的应用程序的，我需要能够打开一个侧边菜单（如果我在 rootpage 上就可以，但对于第二种类型的页面则不行）并且能够返回（这对于推送页面是可以的，但对于根页面则不行）。

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

谢谢。

Answer 1

编辑：

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

Persistent Menus Persistent menus display the MenuToggle button in the NavBar on all pages in the navigation stack. To make a menu persistent set persistent to true on the element. Note that this will only affect the MenuToggle button in the NavBar attached to the Menu with persistent set to true, any other MenuToggle buttons will not be affected.

所以你的 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>

在 ionic 2 中将 nav.push 与侧边菜单一起使用

Use nav.push with side menu in ionic 2

angular

typescript

ionic-framework

ionic2

ionic3