如何获取json中返回的HTML数据以供浏览器解析 - Cordova/Ionic

Question

好的,我有从Drupal服务回来的数据.我正在使用AngularJS和将html/css/js打包成移动平台的混合应用程序的离子框架,使用Cordova或Phonegap.这是我在codepen中的代码的链接:http://codepen.io/BruceWhealtonSWE/pen/PqOZeV

我想我应该使用脚本标记来保存部分视图,因为我在html视图中显示的about页面不正确.在我的代码中,有一个index.html文件,它使about.html文件小得多.
无论如何,代码的重要部分是app.js文件,特别是控制器.

.controller('AboutController', ['$scope', '$http', '$state', function($scope, $http, $state) {
    $http.get('http://toptenbooks.net/api/v1/node/6').success(function(data) {
      console.log(data.body.und[0].value.toString());
      $scope.title = data.title;
      $scope.body = data.body.und[0].value.toString();
    });
  }]);

我可以在console.log中查找正文,这是对的.它是html内容,而不仅仅是纯文本.ionic serve的输出显示html只是文本.所以,我的基于Drupal的api返回json.
在我希望html呈现的about页面上,在模板中,我看到html看起来像纯文本.

这是about.html视图:

<ion-view view-title="Information about the App">

  <ion-pane>

      <div class="card">

          <h2>{{title}}</h2>
          <div>{{body}}</div>


      </div>

  </ion-pane>
</ion-view>

提前感谢任何帮助/提示,​​布鲁斯

Answer 1

如果要以角度显示变量中的html,则需要使用指令:

<div ng-bind-html="variable"></div>

文档:https://docs.angularjs.org/api/ng/directive/ngBindHtml