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

如何获取以json格式返回的HTML数据以供浏览器(Cordova/Ionic)解析,html,json,angularjs,cordova,ionic-framework,Html,Json,Angularjs,Cordova,Ionic Framework,好的,我有来自Drupal服务的数据。我使用的是AngularJS和ionic框架,该框架使用Cordova或Phonegap将html/css/js打包成移动平台的混合应用程序。以下是我在codepen中的代码链接: 我想我应该使用脚本标记来保存部分视图,因为我在html视图中显示的关于页面是不正确的。在我的代码中,有一个index.html文件,它使about.html文件更小。 无论如何,代码的重要部分是app.js文件,尤其是控制器 .controller('AboutControlle

好的,我有来自Drupal服务的数据。我使用的是AngularJS和ionic框架,该框架使用Cordova或Phonegap将html/css/js打包成移动平台的混合应用程序。以下是我在codepen中的代码链接:

我想我应该使用脚本标记来保存部分视图,因为我在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();
    });
  }]);
我可以在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>

{{title}}
{{body}}
提前感谢您的帮助/提示,
Bruce

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

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


文档:

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

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


文档:

非常感谢您的帮助。很抱歉,我花了一段时间才恢复。非常感谢你的帮助。对不起,我花了一段时间才恢复过来。