离子框架视图标题未显示

时间:2015-02-10 15:56:57

标签: angularjs ionic-framework

我是离子框架新手。我的数据来自sqlite结果。我可以先得到数据,这是我的数据结果,例如:

{title: "Test Title", content: "<p>Test hello</p>"}

这是我的控制器

.controller('TestDetailCtrl', function($scope, $sce, $stateParams, SQLService) {

  var content = '';
  SQLService.get_one($stateParams.testId).then(function(res) {
    content = res[0];
    var test_data = {
      title: content.title,
      content: $sce.trustAsHtml(content.content)
    };

    $scope.test = test_data
  });
})

我的观点

<ion-view view-title="{{test.title}}">
  <ion-content class="padding">
    {{test}}
    <div ng-bind-html="test.content">{{test.content}}</div>
  </ion-content>
</ion-view>

我可以输出html内容,但我的标题没有显示,我尝试输出测试数据,我发现测试的内容键是空的。我不知道。谢谢你的帮助。

1 个答案:

答案 0 :(得分:40)

我尝试使用ion-nav-title,这是有用的。因为我的头衔是动态的。

<ion-view>
  <ion-nav-title>{{test.title}}</ion-nav-title>
  <ion-content class="padding">
    {{test}}
    <div ng-bind-html="test.content">{{test.content}}</div>
  </ion-content>
</ion-view>