Question

我是角度和离子的新手，并试图制作应用

<ion-side-menus >
<ion-side-menu-content>
    <ion-nav-bar class="bar-assertive nav-title-slide-ios7">
      <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
    </ion-nav-bar>
    <ion-nav-view></ion-nav-view>
  </ion-side-menu-content>

  </ion-side-menu-content>

<ion-side-menu side="left">
    <ion-header-bar class="bar-energized ">
      <h1 class="title">My Test</h1>
    </ion-header-bar>

    <ion-content class="has-header">
      <ion-list>
        <ion-item href="#/" class="item-icon-left" menu-close><i class="icon ion-home"></i> Home</ion-item>

      </ion-list>
    </ion-content>
 </ion-side-menu>

我的侧边菜单汉堡包图标没有显示，并且始终隐藏在导航栏后面。如果我删除导航栏，则图标可见！如何解决这个请帮忙！

Answer 1

工作代码..使用Ion标头。您使用了2次

<ion-side-menus >
<ion-side-menu-content>
       <ion-header-bar class="bar-positive">
     <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
      <h1 class="title" >Slider </h1>
    </ion-header-bar>   
  </ion-side-menu-content>

<ion-side-menu side="left">
    <ion-header-bar class="bar-energized ">
      <h1 class="title">My Test</h1>
    </ion-header-bar>

    <ion-content class="has-header">
      <ion-list>
        <ion-item href="#/" class="item-icon-left" menu-close><i class="icon ion-home"></i> Home</ion-item>

      </ion-list>
    </ion-content>
 </ion-side-menu>

离子导航栏隐藏汉堡包图标

1 个答案: