相关疑难解决方法(0)

我正在使用一个名为"Ionic"的基于AngularJS的库(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>

在上述视图的控制器中,我有

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

此视图的数据通过简单的HTTP GET服务(称为MyService)加载.

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

<view title="content.title">

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

奇怪的是"{{content.description}}"部分有效,但"content.title"不起作用？

另外,是因为我正在动态加载内容(通过HTTP GET)？