顯示離子中的菜單欄2

在離子2中，我想隱藏後退按鈕並需要顯示菜單欄。所以，我寫了下面的代碼：顯示離子中的菜單欄2

<ion-navbar hideBackButton="true"> 
    <button ion-button menuToggle> 
    <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title><b>Board</b> Bullets</ion-title> 
    <button class="pull-right" ion-button clear> 
    <i class="icon dripicons-dots-3 r_90 submenu"></i> 
    </button> 
</ion-navbar>

但是，發生了什麼是它隱藏了後退按鈕和菜單欄。誰能告訴我如何只隱藏後退按鈕？

來源

2017-02-16 Vivek Kannan

你用什麼導航？你可以使用'setRoot'來取消導航工具欄上的後退按鈕。 'this.navCtrl.setRoot（Page）' – 2017-02-16 06:58:12

我認爲你應該閱讀Ionic 2的導航文檔。Here是一個好的開始。

基本上，當您使用this.navCtrl.push(Page)時，Page被推送到導航堆棧。當您使用this.navCtrl.setRoot(Page)時，Page被設置爲導航堆棧的根目錄。

如果您不希望進入後臺頁面（甚至不是從硬件後退按鈕），您可以使用this.navCtrl.setRoot(Page)來設置頁面的根目錄。在這裏，你將有你的菜單按鈕，而不是後退按鈕。

來源

2017-02-16 07:14:38

感謝它現在正常工作 –

很高興幫助。 :) –

我想更改側面菜單的設計，我可以在哪裏找到菜單頁 –

所有你需要知道它如何導航調試你的錯誤。請注意：

如果您有一個根頁面A，並且您在瀏覽頁面B時瀏覽了B頁面，則您將有一個後退按鈕。在頁面B中，如果您使用彈出式導航返回，則在頁面A中將顯示菜單按鈕。

但是，如果您在頁面A並使用setRoot導航到頁面B，則在頁面B中您將再次具有菜單按鈕。

還有其他的事情要記住，離子導航就像一堆視圖。

所以後退按鈕只會在堆棧中有一些視圖進行導航時纔會出現，如果沒有視圖，則表示是根視圖，菜單按鈕會出現。

如果您需要隱藏背按鈕，請記住這一點並重新組織您的導航，也許可以幫助您，而不必添加額外的邏輯，只需導航。

來源

2017-02-16 07:11:20

顯示離子中的菜單欄2

回答

相關問題