AngularJS ng-bind-html允许显示HTML内容
gooood个人博客网站
angular
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>