html 个实体解码 angular

Question

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

<h2>Badkamer</h2>

包括标签。

这是我的 json 文档的一部分

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

这是我的 angular 控制器

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>

Answer 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.

html 个实体解码 angular

html entities decode angular

html

angularjs

mean

sanitize