我在AngularJS autolink和nl2br中创建了2个过滤器.
autolink:将URL字符串转换为< a>标签与属性rel =“nofollow”target =“_ blank”.我尝试使用ngSanitize与链接过滤器,但它不会添加上面的2个属性,也没有提供一个方法来使用这个提供的API.
nl2br:将新行转换为< br>标签.
我想使用{{comment |}将这2个过滤器应用于{{comment}} autolink | nl2br}},但是在AngularJS执行HTML转义之前应用了过滤器,导致了< a>和< br>也逃脱了.基本上,我想在转义发生之后应用过滤器.
有没有办法用AngularJS这样做?
如果你的HTML中有一个标准插值,Angular将会逃避它:
<div> {{ var | filter1 | filter2 }} </div>
整个表达式的结果将被转义.
你想要的是ng-bind-html-unsafe (docs here).你可以基本上表达与上述相同的东西:
<div ng-bind-html-unsafe='var | filter1 | filter2'></div>
现在表达式的结果将不会被消除,并将作为div的内容插入.
编辑:请注意,还有ng-bind-html
,它仍然会生成HTML,但将首先消毒($sanitize
docs).
ng-bind-html存在于ngSanitize模块中,因此您必须确保已将其声明为angular.module调用中的依赖关系.