2016-07-29 81 views
0

我新的角度和离子,并会试图让一个应用程序离子导航栏隐藏汉堡包图标

<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> 

我这边菜单汉堡包图标犯规出现了,总是隐藏导航栏的后面。如果我删除了导航栏,那么图标是可见的!如何解决这个请帮忙!

回答

1

工作代码..使用离子头。你用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> 
+0

谢谢它的工作! – Philomath