0

次のような情報のjsonセットを持っています

[
    {
    "title":"Title 1",
    "description":"<p>Some HTML</p>"
    },
    {
    "title":"Title 2",
    "description":"<p>Some HTML</p><p>More HTML</p>"
    }
]

テンプレートに html を表示するにはどうすればよいですか。現在、html はデコードされていません。以下のコードで試してみましたが、うまくいきません。

{{item.title}}
<div data-ng-bind-html='item.description'></div>

コントローラは次のようになります

var searchApp = angular.module('searchApp', ['ngSanitize']);

searchApp.controller('SearchCtrl', function ($scope, $http) {
  $http.get('search-json').success(function(json) {
    $scope.item = json.data;
    $scope.orderProp = 'title';
  });
});

ありがとうございました

4

1 に答える 1

1

ngSanitize を追加し、$sce を注入してから js で

   $scope.getHtml = function(html) {
       return $sce.trustAsHtml(html)    
   }

そしてhtmlで

<span>{{item.title}}</span>
<div data-ng-bind-html="getHtml(item.description)"> <div>
于 2014-07-26T14:10:01.330 に答える