在AngularJS的输出HTML上应用过滤器

前端之家收集整理的这篇文章主要介绍了在AngularJS的输出HTML上应用过滤器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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调用中的依赖关系.

猜你在找的Angularjs相关文章