I'm having trouble getting the Ionic title to display on my page: http://codepen.io/hawkphil/pen/oXqgrZ?editors=101
While my code isn't an exact match with the Ionic example, I don't want to complicate things by adding multiple layers of state (/ and /somethingelse) just to create a simple page with a header and footer.
HTML
<ion-nav-bar class="bar-balanced">
<ion-nav-back-button>
</ion-nav-back-button>
<ion-nav-buttons side="right">
<button class="button button-clear">
OK
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-view view-title="{{ title }}">
<ion-content class=" has-header">
test test
</<ion-content>
</ion-view>
JS
angular.module('ionicApp', ['ionic'])
.controller('MainCtrl', function($scope) {
$scope.title = '<b>BOLD TITLE</b>';
});
Any suggestions on how to resolve this issue? I need a way to dynamically display a title with HTML formatting.