Ionic nav-back-button and menu button showing together

Is also possible to override that from a child page just adding the ion-side-menus directive inside the child template:

<ion-side-menus enable-menu-with-back-views="true"></ion-side-menus>
<ion-view view-title="My Child page">
    <ion-content>
        <h1>HEY</h1>
    </ion-content>
</ion-view>

This will add the complete navigation bar (ion-nav-bar) inside your child page that was added into menu.html template (according with the example above)


Place the navbar with menu button on the html page on which you need menu button and place navbar with back button on the page where you need back button.

Like this I need Menu On home page so place your navbar on homepage with menu button

<ion-view title="home">
  <ion-nav-bar class="bar-stable main-header-nav home-page">
    <ion-nav-buttons side="left">
      <button class="button button-icon button-clear ion-navicon" menu- toggle="left"></button>
    </ion-nav-buttons>
  </ion-nav-bar>
  <ion-content></ion-content>
</ion-view>

And I need back button on Inbox page so use navbar with backbutton on inbox page

 <ion-view title="">
  <ion-nav-bar class="bar-stable main-header-nav home-page">
    <ion-nav-back-button class="button-clear go-back">
      </ion-nav-back-button>
  </ion-nav-bar>
  <ion-content></ion-content>
</ion-view>

This is done by ionic by default now in beta 14. You can also toggle this by this attribute.

<ion-side-menus enable-menu-with-back-views="false">

Relative Codepen Sidemenu Starter Project Sidemenu Docs