javascript - AngularJS HTML 过滤器

Question

我有一个 AngularJS 应用程序，我需要过滤字符串(使用过滤器)以显示正确的 HTML 格式:

这个:

$scope.text = "This is <strong>GREAT</strong>";

需要:

This is GREAT

(其他 HTML 标签，如 <br> 等应该可以工作)

它应该通过过滤器工作，例如:

{{text | toHTML}}

我知道ng-bind-html但我需要它通过过滤器而不是 ng-bind-html 工作.

我发现了一些需要为每个步骤构建过滤器的示例(对于 <a> 有一个代码，对于 <br> 另一个......)

有没有办法过滤范围元素来处理 HTML 格式？

Answer 1

简短的回答是......这是无法完成的，这就是 ngBindHtml 存在的首要原因

您要求将 {{}} 的默认内部编译从插入文本节点更改为插入 html 元素

无论您在 {{}} 中定义什么，您都无法改变这样一个事实:它将始终作为文本节点插入，并且其中的任何 html 标签都不会转换为 dom 元素.

此行为也有一个很好的 XSS 安全原因。通过作为文本插入，可以防止从用户输入或损坏的数据源插入恶意脚本、iframe 等