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

【问题标题】：How do I get HTML data returned in json to be parsed by the browser - Cordova/Ionic如何获取 json 中返回的 HTML 数据以供浏览器解析 - Cordova/Ionic
【发布时间】：2015-09-09 00:11:02
【问题描述】：

好的，我有来自 Drupal 服务的数据。我正在使用 AngularJS 和 ionic 框架，它使用 Cordova 或 Phonegap 将 html/css/js 打包到移动平台的混合应用程序中。这是我在 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>

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

【问题讨论】：

标签： html json angularjs cordova ionic-framework

【解决方案1】：

如果你想从一个角度的变量中显示html，你需要使用一个指令：

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

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

【讨论】：

非常感谢您的帮助。抱歉，我花了一段时间才重新开始。