菜單圖標在ion-navbar中不可見Ionic 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

來源

2017-01-28 Naveen

問題解決了嗎？ –

是的。檢查接受的答案。 – Naveen

嘗試：我使用ionic2。

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

來源

2017-02-12 18:24:08

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

這將增加導航欄上的切換菜單按鈕

來源

2017-01-28 10:55:48 Shubhranshu

錯誤：'ion-nav-back-button'不是已知的元素。 – Naveen

我正在使用Ionic 2 – Naveen

添加只有一行

this.navCtrl.setRoot(Page1);

以顯示導航欄的菜單圖標。

在用戶導航到「Page1」頁面之前的頁面上添加此行。

來源

2017-04-06 09:13:13 Siddhesh

在哪裏放這條線？ –

您可以將此行添加到頁面1的上一頁，您可以在該頁面中調用Page 1 – Siddhesh

@Siddhesh謝謝，它工作正常。我能知道背景中發生了什麼嗎？ –

菜單圖標在ion-navbar中不可見Ionic 2

回答

相關問題