菜单图标在离子导航栏 Ionic 2 中不可见

Question

<ion-header> <ion-navbar hideBackButton> <ion-title> Test </ion-title> <button menuToggle> <ion-icon name="menu"></ion-icon> </button> </ion-navbar> </ion-header>我可以拖动并关闭菜单，但菜单按钮未添加到导航栏中。

Answer 1

只添加一行

this.navCtrl.setRoot(Page1);

以在导航栏中显示菜单图标。

在用户导航到"Page1"页面之前的页面上添加此行。

Answer 2

在 ionic 3 中尝试以下代码：

        <ion-header>
          <ion-toolbar color="danger">
            <ion-title>
              Home
            </ion-title>
            <ion-buttons>
             <button ion-button icon-only menuToggle>
              <ion-icon name='menu'></ion-icon>
            </button>
           </ion-buttons>
        </ion-toolbar>
     </ion-header>

Answer 3

将此

代码添加到菜单模板中

<ion-side-menu-content  >
  <ion-nav-bar class="bar-stable custom-nav-bar">
  <ion-nav-back-button>
  </ion-nav-back-button>
  <ion-nav-buttons side="left" >
    <button class="button button-icon ion-grid" menu-toggle="left">
    </button>
  </ion-nav-buttons>
 </ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>

这将在导航栏上添加切换菜单按钮