angularjs - $sce.trustAsHtml 不工作

Question

好的，所以我在代码中测试过的以下内容有效:

javascript:

var string = '<p>hello</p>';
$scope.html = $sce.trustAsHtml(string);

html:

<span ng-bind-html="html"></span>

我真正想做的是:以 JSON 形式从服务器中提取一堆项目。 JSON 的其中一个键称为“描述”，它只是一长串 html 代码。

我将这些项目推送到 $scope 数组中，以便可以通过 ng-repeat 指令在页面上显示它们。下面的代码总结了它是如何完成的:

javascript:

$.getJSON('someURL', function(data) {
    $scope.items = [];
    for (var i = 0; i < data.count; i++) {
        var item = {};
        item.description = $sce.trustAsHtml(data.item[i].description);
        $scope.items.push(item);
    }
});

html:

<p ng-repeat="item in items">
    <span ng-bind-html="item.description"></div>
</p>

由于某种原因，这不会产生任何输出。我读到的是，您将 $sce.trustAsHtml() 绑定(bind)到的任何变量都必须是 $scope 变量。在这种情况下，我将其设置为常规变量“item.description”，然后将其添加到 $scope.item 数组中。

我怀疑这可能是它不起作用的原因，但我不知道如何修复它。

有人能帮忙吗？

谢谢!

Answer 1

试试 <span ng-bind-html="'{{item.description}}'"></span> .

像这样的东西对我有用。