javascript - ionic View 中缺少标题

Question

出于某种原因，我无法显示 Ionic 标题:http://codepen.io/hawkphil/pen/oXqgrZ?editors=101

此代码并非完全 100% 遵循 Ionic 示例，但我不想添加 2 层状态(/ 和 /somethingelse)只是为了做一个简单的页面包括顶部和底部。

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>';
});

有办法解决这个问题吗？我需要一种用 HTML 显示动态标题的方法。

Answer 1

你的 <ion-view>应该在 <ion-nav-view> 里面这是 ui-router 的一部分如 docs 中所述.您必须为要更新的动态 header 设置一些基本路由。

我已经定制了你的codepen here