javascript - AngularJS - ngBindHtml 和 'unsafe' html

Question

我正在尝试渲染一些不安全的 HTML(基本上是带有一些内联样式的 HTML 片段)，并在我的 View 中包含以下代码:

<div ng-repeat="snippet in snippets">
  <div ng-bind-html="snippet.content"></div>
</div>

我的所有样式都被删除了...

我听说有人使用 ngBindHtmlUnsafe，但是我找不到对它的引用，并且简单地放置 ng-bind-html-unsafe 不会呈现任何内容。

如有任何帮助，我们将不胜感激。

Answer 1

ng-bind-html-escape 在 AngularJs 1.2 中被删除。

为了达到相同的效果，我建议您创建一个过滤器来信任资源(您应该包含 $sce module ):

app.filter('unsafe', function($sce) {
    return function(val) {
        return $sce.trustAsHtml(val);
    }; });

用法:

<ELEMENT ng-bind-html="htmlValue | unsafe"></ELEMENT>

您不应该忘记将 ngSanitize 包含为应用程序依赖项:

angular.module('app', ['ngSanitize'])

干杯。