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
)
相关文章
- 什么是Upstream?
- Nodejs 内容管理系统 DoraCMS 2.1.6 发布
- Visual Studio Online 更新!更好支持Docker、Python、Go、C++
- 利用 html2canvas 生成文章缩略图
- 纪录片《穹顶之下》全集103分钟1080P高清完整视频
- DoraCMS v2.1.5 版本更新
- DoraCMS v2.1.2 Docker 版本(生产环境)
- Nodejs 内容管理系统 DoraCMS 2.1.4 发布
- DoraCMS 插件化探索(一)
- DoraCMS 2.1.4 关于 '指定用户' 功能的优化说明
- DoraCMS 2.1.4 (发布版非源码) 抢先体验
- angularjs filter 详解