在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调用中的依赖关系.

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...