angularjs - ionic 框架 View 标题未显示

Question

这个问题在这里已经有了答案:





AngularJS - (using Ionic framework) - data binding on header title not working

(12 个回答)


5年前关闭。




我是 ionic 框架新手。我的数据来自 sqlite 结果。我可以先获取数据这是我的数据结果，例如:

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

这是我的 Controller

.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内容，但是我的标题不显示，我尝试输出测试数据，我发现测试的内容键为空。我不知道。谢谢你的帮助。

Answer 1

我尝试使用 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>