Ionnavbar hidding content

Hello guys, i’m trying to create my first ionic app, but I’m having problems with ion-nav-bar.

It hides everything I enclose in the <ion-nav-bar></ion-nav-bar> tags, I attached a simple example, that it’s having this issue.

    <ion-pane ion-side-menu-content>
        <ion-nav-bar class="bar-balanced">
            <button menu-toggle="left" class="button button-icon icon ion-navicon">Back</button>
    <ion-side-menu side="left">
       <!-- Ion Option List -->

In the images, you can see how this code is working, you can see that the menu-toggle="left" attribute is working fine, but I can see the icon nor the “back” option on my nav bar.

Any thoughts?

Try using the <ion-nav-buttons> directive to add buttons in your header. Place the directive inside your <ion-view>.

for the backbutton you have to add:

and for the toggle button:


  <ion-nav-buttons side="left">
   <!-- Toggle left side menu -->
   <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>

I tried with <ion-nav-buttons> inside my <ion-nav-bar> tags and It works, I can see the content of my ion-nav-bar BUT now I can’t see the text “CLIENTES” that is under the ion-nav bar.

This is what I updated:
<ion-pane ion-side-menu-content> <ion-nav-bar class="bar-balanced"> <ion-nav-buttons side="left"> <button menu-toggle="left" class="button button-icon icon ion-navicon-round"></button> </ion-nav-buttons> </ion-nav-bar> <ion-nav-view> <ion-view><h1>Encuestas</h1></ion-view> </ion-nav-view> </ion-pane>

Same as with @James_Parsons I can see the content of my ion-nav-bar but now The word “CLIENTES” is not displayed It disapeared

Any idea?