离子2：标签的单独导航堆栈 - 显示后退箭头＆amp;菜单切换取决于所选选项卡

Question

我正在开发一款Ionic移动应用程序（当前版本）。我有一个类似于这个的标签结构：

在每个标签中，我正在开始一个新的导航堆栈。含义：例如，单击“推送页面”按钮将新页面推送到第一页的导航堆栈。

在左上角，我有菜单符号来打开我的侧边菜单。每当我将页面推送到根导航堆栈时，此符号就会变为“后箭头”。

我想要的是，此符号始终代表所选标签的导航堆栈。因此，当我将页面推送到第一页的导航堆栈时，我想显示后退箭头。当我转到第二页时，我希望显示菜单符号，直到我将页面推到第二页的导航堆栈。等等...

有人知道如何实现这个目标吗？任何帮助表示赞赏。谢谢！

Answer 1

如果您正在使用ionic2，您可以根据需要自定义菜单图标。对于您需要自定义图标的每个页面，请将ion-header标记添加到其中。例如。

<强> FirstPage.html

<ion-header>
  <ion-navbar hideBackButton="true">
    <button ion-button menuToggle (click)="backToMain()">
      <ion-icon name="back"></ion-icon>
    </button>
    <ion-title>First Page</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
</ion-content>

<强> SecondPage.html

<ion-header>
  <ion-navbar hideBackButton="true">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>First Page</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
</ion-content>