angularJs的html转义过滤器
用angularJS比较多的童鞋经常会遇到通过angularjs显示html,之前我不知道可以自定义filter来实现转义,于是试了很多方法,比如ejs原生方法 <%-content%> 来显示,但是angularJS是不能和ejs语法搅在一起的。
用angularJS比较多的童鞋经常会遇到通过angularjs显示html,之前我不知道可以自定义filter来实现转义,于是试了很多方法,比如ejs原生方法 <%-content%> 来显示,但是angularJS是不能和ejs语法搅在一起的。angularJS可以用定义过滤器的 方式实现html的转义,非常简单,看代码:
html :
<div ng-repeat="article in articles"> <div class="panel-heading"> <h4><b>{{article.title}}</b></h4> </div> <div class="panel-body"> <article id="word-display" ng-bind-html="article.content | trustHtml"> </article> </div> </div>
js :
var doraApp = angular.module("webApp",[]); doraApp .filter('trustHtml', function ($sce) { return function (input) { return $sce.trustAsHtml(input); } });
很赞哦! ( 0
)
相关文章
- DoraCMS 2.1.4 (发布版非源码) 抢先体验
- angularjs filter 详解
- angularJs的html转义过滤器
- ng-switch on、ng-if/ng-show/ng-hide/ng-disabled标签
- angularjs分页教程
- DoraCMS 2.1.2 以下升级到新版本的操作流程
- Nodejs cms内容管理框架 DoraCMS v2.1.3 版本更新
- DoraCMS 2.1.3 尝鲜体验
- Nodejs cms内容管理框架 DoraCMS v2.1.2 版本更新
- Vscode 前端开发必备插件推荐
- Nodejs cms内容管理框架 DoraCMS v2.1.1 版本更新
- javascript 数据类型学习笔记