Ионное Navbar скрывает гамбургер значок

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>