在Ionic 2中显示后退按钮和右侧菜单

时间:2016-10-19 14:10:11

标签: angular ionic-framework ionic2

所以我正在使用Ionic 2创建一个应用程序。当我使用'navController.push'导航时,我转到正确的页面并显示后退按钮(如预期的那样),但它也隐藏了标题中我的视图特定导航按钮。这也是预期的......但是我试图覆盖Ionic在我的一个按钮上应用的'隐藏'属性,有人知道怎么做吗?

<ion-header>
  <ion-navbar color="clarity">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <button ion-button right menuToggle="itemHierarchy">
      <ion-icon name="list"></ion-icon>
    </button>
    <ion-title>Topic View</ion-title>
  </ion-navbar>
</ion-header> 

2 个答案:

答案 0 :(得分:4)

您可以在我的其他answer here

中找到该解决方案

所以,这是重复的。

无论如何,您需要将属性persistent =“true”添加到<ion-menu>。然后menuToggle按钮将在所有视图上可用。您可以在docs

中找到更多详细信息

答案 1 :(得分:1)

尝试在ion-buttons标记内添加按钮。

示例:

<ion-header>
  <ion-navbar color="clarity">

    <button ion-button right menuToggle="itemHierarchy">
      <ion-icon name="menu"></ion-icon>
    </button>

    <ion-buttons end>
      <button ion-button>
        <ion-icon name="list"></ion-icon>
      </button>
    </ion-buttons>

    <ion-title>Topic View</ion-title>
  </ion-navbar>
</ion-header>