angularjs - 如何使用 Angular 1.2.0 - rc2 在 中显示 HTML

Question

我正在尝试在我的网页中显示一些 HTML 并使用以下内容:

        xx {{ pageHtml }} yy 

        <div data-ng-bind-html-unsafe="$scope.pageHtml"></div>

xx 和 yy 之间的数据显示为原始 HTML，但我想要的是不将其显示为原始。我使用了第二行的代码，但没有显示任何内容。

我有什么遗漏的吗？ 1.2 中是否发生了一些变化，因为我认为这之前是有效的？

更新 - 我 100% 信任 HTML，并且不想清理它。 HTML 中会有需要在屏幕上显示的代码。

Answer 1

默认情况下，innerHTML-ed 表达式结果是使用 $sanitize 服务进行清理的，这需要您在模块的依赖项中包含 ngSanitize。

<div data-ng-bind-html="pageHtml"></div>

但是，如果您相信 HTML 是安全的，则可以使用您将注入(inject)到 Controller 中的 $sce 服务来绕过清理:

$scope.someSafeContent = $sce.trustAsHtml("<i>Hello</i> <b>World!</b>");

HTML:

<!-- bypasses sanitizaton -->
<div data-ng-bind-html="someSafeContent"></div>