2014-12-29 3 views
0

나는 변수 $ scope.text이 HTML 코드를 삽입하기 위해 노력하고있어 그리고 문제는 웹 검사관이 가지고있는 것 :삽입 HTML 코드 AngularJS와

<ul><li> 
    <div >{{item.title}}</div> 
</li></ul> 

모든 매개 변수를 표시하려면 어떻게해야합니까?

+0

콘솔에 예외가 있습니까? –

+0

Nop .. 그리고 $ scope.text는 올바른 html 코드를 가지고 있습니다 .. – victorlopezsanchez

+1

이것이 서비스가 어떻게 작동 하는지를 보여주는 방법이라고 생각합니다. HTML에서 잠재적으로 저장되지 않은 항목을 제거하기 만하면됩니다. 자세한 내용과 예를 확인하십시오. https://docs.angularjs.org/api/ngSanitize/service/$sanitize –

답변

1

이 솔루션은 $의 위생적이다 :

HTML 파일 :

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

컨트롤러 파일 :

NPM은 각-살균

를 설치

$scope.deliberatelyTrustDangerousSnippet = function() { 
    return $sce.trustAsHtml($scope.texto); 
}; 

는 살균 설치

+0

'ngSanitize' 모듈을 포함하면 컨트롤러에'$ sce.trustAsHtml()'이 필요 없습니다. 'ngSanitize'는 기본적으로이 작업을 수행합니다. –