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

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>  

Значок гамбургера в боковом меню не отображается и всегда скрыт за навигатором. Если я удалю навигационную панель, тогда значок будет виден! как решить это, пожалуйста, помогите!

Теги:
ionic-framework

1 ответ

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> 
  • 0
    спасибо, это сработало!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню