DoraCMS

您现在的位置是:首页>文档内容页

文档详情

angularJs的html转义过滤器

doramart 2015-09-29 16:29:30 技巧227097
用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);
        }
});


文章评论

Cancel the reply
Login Participate In Comments

Review(