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

尝试以下离子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>

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

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

3 个答案: