angularjs使用sanitize

Question

AngularJS代码：

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

HTML code：

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