Angularjs: IMG SRC исчезающий при загрузке HTML из JSON

Question

в пределах JSon элемента, скажем data-html меня

<p><img src=\"images/wwgd.png\" alt=\"wwgd\" /></p> 

Что я рендеринга в шаблоне с помощью

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

Но тонированное выход тегов не имеет источника, только атрибут alt:

(через элемент проверки в firefox):

<p><img alt="wwgd"></img></p> 

Answer 1

Я думаю, что вам нужно использовать угловое строжайшее контекстное экранирование $sce. Документы here.

Ваш пример будет выглядеть следующим образом:

Контроллер:

.controller('ExampleController', ['$scope', '$sce', function($scope, $sce) { 

    $scope.myHTML = '<p><img src=\"images/wwgd.png\" alt=\"wwgd\" /></p>'; 

    $scope.trustDodgyHTML = function(html) { 
     return $sce.trustAsHtml(html); 
    }; 

Страница:

<div ng-bind-html="trustDodgyHTML(myHTML)"></div> 

Это позволит вам в явной форме включить этот HTML здесь.