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

以上应该是红色的

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

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

Answer 1

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

因此，请务必使用$sce服务方法使其html使用trustAsHtml方法受信任。

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