html实体解码角

Question

我试图在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> 

Answer 1

你的页面需要在HTML中包含angular-sanitize.js脚本，并在您的应用中包含ngSanitize模块， 像：

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

，并使用ng-bind-htmldirective.，如：

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

看到这个demo plunker.