2017-01-28 8 views
2

<ion-header> <ion-navbar hideBackButton> <ion-title> Test </ion-title> <button menuToggle> <ion-icon name="menu"></ion-icon> </button> </ion-navbar> </ion-header> Я могу перетащить и закрыть меню, но кнопка меню не добавляется к навигационной панели.Значок меню не отображается в ion-navbar Ionic 2

+0

Решена ли эта проблема? –

+0

Да. Проверьте принятый ответ. – Naveen

ответ

2

попробовать: Я использую ionic2.

<ion-header> 
    <ion-navbar> 
     <button ion-button menuToggle> 
      <ion-icon name="menu"></ion-icon> 
     </button> 
     <ion-title>...</ion-title> 
    </ion-navbar> 
</ion-header> 
-1

Добавьте этот код в шаблоне меню

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

Это добавит кнопку переключения меню на навигационной панели

+0

Ошибка: «ion-nav-back-button» не является известным элементом. – Naveen

+1

Я использую Ionic 2 – Naveen

5

Добавить только одна линия

this.navCtrl.setRoot(Page1);

, чтобы отобразить значок меню в навигационной панели.

Добавьте эту строку на странице, которая перед тем, как пользователь перейдет на страницу «Страница1».

+1

где поставить эту строку? –

+1

Вы можете добавить эту строку на предыдущую страницу Page 1 – Siddhesh

+0

@Siddhesh Спасибо, это сработало. Могу ли я узнать, что происходит в фоновом режиме? –

Смежные вопросы