问AngularJS HTML过滤器

EN

简单回答is....this无法完成，这就是为什么ngBindHtml首先存在的原因

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

不管您在{{}}中定义了什么，您都不能改变这样一个事实:它总是作为文本节点插入，并且它中的任何html标记都不会转换为dom元素。

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

创建一个过滤器，将$sce.trustAsHtmled输入作为输出返回。

类似于：

.filter('toHTML', ['$sce', function($sce){
    return function(val) {
        return $sce.trustAsHtml(val);
    };
}])

编辑：如果您只能使用{{}}来呈现，恐怕这不会对您有所帮助。也许您可以创建一个directive来为您进行element级别的修改。

如下所示创建此过滤器

myApp.filter('unsafe', function($sce) {
        return function(val) {
            return $sce.trustAsHtml(val);
        };
    });

像这样使用过滤器

<p ng-bind-html="textCmt | unsafe"></p>