javascript - 使用 sanitize 将 angularjs 字符串变量转换为 html 元素

Question

AngularJS 代码:

$scope.checking="<div style="color:red;">check</div>";

HTML 代码:

<p ng-bind-html="checking"></p>

所以我为此使用了 $sanitize 和 ng-bind-html 指令来完成工作。

所以html页面的结果是:

check

以上内容应为红色

我得到了输出，但字符串“check”不是红色的!样式标签被忽略!我该怎么做？我使用插值吗？

有什么办法吗？希望它很简单...AngularJS 专家请帮忙!

Answer 1

$sanitize通过剥离所有潜在危险的标记来清理 html 字符串。

所以请使用$sce使其受信任的服务方法 html使用trustAsHtml方法。

$scope.checking= $sce.trustAsHtml("<div style="color:red;">check</div>") ;