html实体解码角度

时间:2017-06-02 09:42:44

标签: html angularjs mean sanitize

我正在尝试解析Angular中的html实体,并看到一些使用Sanitize的字符串解决方案,但我的数据库中有很多JSON文档需要清理。我怎样才能做到这一点?现在我的html显示完整的

<h2>Badkamer</h2>

包含标签。

这是我的json文档的一部分

{  
"badkamer" : {
    "content" : "<h2>Badkamer</h2>"
                   <p>text</p>
   }
}

这是我的角度控制器

app.controller('DataCtrl', ['$sce', function($scope,$http,$sce){
   $scope.specials = function(){
   $scope.special = [];

 $http.get('/specialdata').then(function(d){
   $scope.special = d.data[0];
   console.log(d.data);
  },function(err){
   console.log(err);
  });
 };
}]);

这是我从MongoDB显示数据的页面

<div class="align-content-inner">
   <div>
      {{special.badkamer.content}}
   </div>
</div>

1 个答案:

答案 0 :(得分:1)

您需要在HTML中添加angular-sanitize.js脚本,并在应用中添加ngSanitize模块。 喜欢:

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

并使用ng-bind-html directive.。,例如:

<div ng-bind-html="special.badkamer.content"></div>

请参阅此demo plunker.