使用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>");