AngularJS - (使用 Ionic 框架) - 标题标题上的数据绑定(bind)不起作用

Question

我正在使用一个基于 AngularJS 的库，名为“Ionic”(http://ionicframework.com/)。

这看起来很简单，但对我来说不起作用。

根据我的观点，我有以下观点

<view title="content.title">
  <content has-header="true" padding="true">
    <p>{{ content.description }}</p>
    <p><a class="button button-small icon ion-arrow-left-b" href="#/tab/pets"> Back to home</a></p>
  </content>
</view>

在上述 View 的 Controller 中，我有

angular.module('App', []).controller('DetailCtrl', function($scope, $stateParams, MyService) {
  
  MyService.get($stateParams.petId).then(function(content) {
    $scope.content = content[0];
    console.log($scope.content.title); // this works!
  });
});

此 View 的数据是通过简单的 HTTP GET 服务(称为 MyService)加载的。

问题是当我查看此页面时，

<view title="content.title">

不显示标题。这只是一个空白。根据 Ionic 文档 ( http://ionicframework.com/docs/angularjs/controllers/view-state/ )，我认为我做的是正确的事情。

奇怪的是，{{content.description}}部分可以工作，但content.title不起作用？

另外，是因为我动态加载内容(通过 HTTP GET)吗？

Answer 1

通过使用ion-nav-title指令(自 Ionic beta 14 起可用)，绑定(bind)似乎工作正常。

而不是

<ion-view title="{{content.title}}">
    ....

这样做

<ion-view>
    <ion-nav-title>{{content.title}}</ion-nav-title>
    ...

工作很愉快。