AngularJS ng-bind-html允许显示HTML内容
html代码：
<body>
<div ng-app="myApp" ng-controller="personCtrl">
<div>
<p ng-bind-html="article.title | beSafeHtml"></p>
</div>
<div ng-bind-html="article.content | trustHtml"></div>
</div>
</body>
JavaScript代码：
<script>
var app = angular.module('myApp', []);
app.controller('personCtrl', function($scope) {
$scope.article = {
title: '白羊座 3月21日-4月19日 火',
content: '白羊座有一种让人看见就觉得开心的感觉，'+
'<b>因为总是看起来都是那么地热情、阳光、乐观、坚强，</b>'+
'对朋友也慷概大方，性格直来直往，就是有点小脾气。'+
'白羊男有大男人主义的性格，而白羊女就是女汉子的形象'
};
});
app.filter('beSafeHtml', ['$sce', function($sce) {
return function(html) {
return $sce.trustAsHtml(html);
};
}]);
app.filter('trustHtml', ['$sceDelegate', '$sce', function($sceDelegate, $sce) {
return function(html) {
return $sceDelegate.trustAs($sce.HTML, html);
};
}]);
</script>
0
1230博客
热门推荐：