Ion-nav-bar content showing in 1.0.0-beta.4 but not in beta.14

ionic-v1
1

Hi, I’m going through a tutorial which uses the 1.0.0-beta.4, and I’m going through it on my local machine which uses the latest stable build (beta.14 at the time of writing).

index.html has this:
  <body ng-app="myApp">
    <ion-nav-view></ion-nav-view>
  </body>

templated file to include has this:
    <ion-nav-bar class="bar-balanced">
        <h1 class="title">My Title</h1>
    </ion-nav-bar>

on beta.4, this works fine (tested on plunker), but on beta.14 the navbar doesn’t include the header text. Can anyone explain how the code should be modified to run on the updated ionic framework, or what else I’ve done wrong?

Thanks

2

You need to switch to the new nav-title. It lets you use a common nav-bar across views but still have a custom title for each view.

http://ionicframework.com/docs/api/directive/ionNavTitle/

1 Like