我正在使用一个名为“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">
不显示标题。这只是一个空白。根据离子文件(http://ionicframework.com/docs/angularjs/controllers/view-state/)，我认为我做正确的事情。
很奇怪，“{{content.description}}”部分作品，但“content.title”不起作用？
另外，是因为我正在动态地加载内容(通过HTTP GET)吗？
