我正在尝试解析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>
答案 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.