AngularJS와하십시오 JSON 요소 내에서 JSON

Question

에서 HTML을로드 할 때 IMG SRC 사라지고, 이제 내가

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

를 사용하여 템플릿에 렌더링하고

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

그러나 렌더링 된 출력 태그가 data-html을 가정 해 봅시다 소스가 없으므로 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을 포함 할 수 있습니다.