如何在Angular 1.2.0-rc2的<div>中显示HTML

Question

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

        xx {{ pageHtml }} yy 

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

xx和yy之间的数据显示为原始HTML,但我想要的是不将其显示为原始HTML.我在第二行使用了代码但没有显示.

有什么我想念的吗？在1.2中有什么变化因为我认为这之前有用吗？

更新 - 我100%信任HTML并且不想清除它.HTML中需要显示的代码需要在屏幕上显示.

Answer 1

默认情况下,使用$sanitize服务清理innerHTML-ed表达式结果,该服务要求您包含ngSanitize在模块的依赖项中.

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

但是,如果您信任HTML是安全的,则可以使用$sce您将在控制器中注入的服务绕过清理:

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

HTML:

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