Question

我正在尝试使用ng-src显示来自动态ng-bind-html的一些图片。以下是plunker： http://plnkr.co/edit/EmHSUEbVTdUT7cqJ0nX6?p=preview

但图像未呈现。如何让它工作？

目的是，我想从DB加载一些html元素并使用ng-bind-html显示它们。有时这些元素是图像（包含ng-src属性），有时它们是<i></i>元素（可以正确呈现）。

Answer 1

使用$interpolate：

app.controller("myCtrl", function($scope, $sce, $interpolate) {
    $scope.image = "https://upload.wikimedia.org/wikipedia/commons/5/57/Lorem_Ipsum_Helvetica.png";

    $scope.myText = $interpolate("My name is: <h1>John Doe</h1>" + "<img src='{{image | trustUrl}}'/>")($scope);
    $scope.trustedHtml = $sce.trustAsHtml($scope.myText);
});

来自documentation：

$interpolate将带有标记的字符串编译为插值函数。 HTML $编译服务使用此服务进行数据绑定

使用ng-src和ng-bind-html

1 个答案: