测试后发现高亮显示的 html 代码原样输出,这是 angularJS 为了防止 html 攻击采取的安全机制. 要用到$sce 服务的 trustAsHtml 方法来实现转换。
通过 angularJS 的过滤器来简化开发,这样只写一次,调用的时候就非常方便
一 先在前端的page.js中 编写过滤器
// 定义模块:
var app = angular.module("xxx",[]);
/*$sce 服务写成过滤器*/
app.filter('trustHtml',['$sce',function($sce){
return function(data){
return $sce.trustAsHtml(data);
}
}]);
二 前端Html页面使用过滤器
ng-bind-html 指令用于显示 html 内容
竖线 |用于调用过滤器
<div class="attr" ng-bind-html="item.title | trustHtml"></div>