hideBackButton attribute hides the menuToggle button too

[HamzaLJ]

The Problem
I push the Root Page to Page2 that supports a side menu, the issue is that when it opens Page2 it shows the back button and hides the menu button for that I've tried to add hideBackButton to Page2 in order to see the menu button but I both the back button and menu button disappeared!

Here is my current code:

  <ion-navbar hideBackButton>
       <button menuToggle start>
       <ion-icon name="menu"></ion-icon>
       </button>
 </ion-navbar>

What behavior are you expecting?

Should hide the back button, and show the menu button.

Which Ionic Version?
Ionic2

Cordova CLI: Not installed
Ionic CLI Version: 2.0.0-beta.32
Ionic App Lib Version: 2.0.0-beta.18
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v4.4.7
Xcode version: Xcode 7.3.1 Build version 7D1014

[esqew]

Having this issue as well, my code is similar to the OP.

Cordova CLI: 6.2.0
Ionic Framework Version: 2.0.0-beta.10
Ionic CLI Version: 2.0.0-beta.32
Ionic App Lib Version: 2.0.0-beta.18
OS: Distributor ID: Ubuntu Description: Ubuntu 16.04.1 LTS 
Node Version: v6.3.0

[jgw96]

Hello, thanks for opening an issue with us! Would you be able to provide a plunker that demonstrates this issue? Thanks for using Ionic!

[esqew]

I know you asked for a plnkr; I hope a CodePen will suffice. https://codepen.io/esqew/pen/QExGrE

The toggleMenu button is displayed on the first page - after clicking through to a list item, the left side navigation button is blank. The HTML should provide a toggleMenu button (as with the root page).

This issue is only when using the hideBackButton directive.

[jgw96]

Hello @esqew unfortunately that codepen is using a very outdated version of ionic 2. Would you be able to use this plunker to make an example? Thanks for using Ionic!

[esqew]

Hi again, I've reproduced the issue in this plunker. When you use this.nav.push(Page1) the page is pushed to the navigation stack, but the hideBackButton directive hides the menu item that's supposed to be displayed (and is in fact displayed on the rootPage).

[neslinesli93]

Did you guys manage to solve this?
I mean, this is a really basic use case, I am surprised this issue hasn't been fixed.

When using a side menu, I want to be able to cache the views as I transition between the menu entries.
This isn't possible using nav.setRoot() as it wipes the navigation stack. That's where nav.push() comes into place, pushing the sidemenu entries into the navigation stack, thus caching the views.
However, it shows the back button along with the menu toggle. The ion-navbar property hideBackButton seems perfect for this, but it hides both the back button AND the menu toggle.

How are we supposed to implement views caching when using sidemenu design? Is this a bug?
Thanks, and keep up with the good work!

[esqew]

Still not working even after updating to 2.1.2.

Cordova CLI: 6.3.0
Gulp version: CLI version 3.9.1
Gulp local:
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.4
Ionic App Lib Version: 2.1.2
Ionic App Scripts Version: 0.0.36
ios-deploy version: 1.8.2
ios-sim version: 5.0.3
OS: Mac OS X Sierra
Node Version: v7.0.0
Xcode version: Xcode 8.0 Build version 8A218a