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

Question

好的，我有来自Drupal服务的数据。我正在使用AngularJS和ionic框架，该框架使用Cordova或Phonegap将html/css/js打包到移动平台的混合应用程序中。这是我在coDepen中代码的链接：http://codepen.io/BruceWhealtonSWE/pen/PqOZeV

我想我应该使用脚本标签来保存部分视图，因为我在html视图中显示的关于页面是不正确的。在我的代码中，有一个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();
    });
  }]);

我可以安慰你。记录正文，它是正确的。它是html内容，而不仅仅是纯文本。ionic serve的输出将html显示为文本。因此，我基于Drupal的api返回json
在我想要呈现html的about页面上，在模板中，我得到的html看起来像纯文本。

这里是关于。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