結合使用ng-src和ng-bind-html

Question

我正在嘗試使用ng-bind-html從動態ng-src顯示一些圖像。 這是the人： http ://plnkr.co/edit/EmHSUEbVTdUT7cqJ0nX6?p=preview

但是圖像沒有被渲染。 如何使其工作？

目的是，我想從數據庫加載一些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);
});

從文檔 ：

$interpolate將帶有標記的字符串編譯為插值函數。 HTML $ compile服務使用此服務進行數據綁定