0
나는 변수 $ scope.text이 HTML 코드를 삽입하기 위해 노력하고있어 그리고 문제는 웹 검사관이 가지고있는 것 :삽입 HTML 코드 AngularJS와
<ul><li>
<div >{{item.title}}</div>
</li></ul>
모든 매개 변수를 표시하려면 어떻게해야합니까?
나는 변수 $ scope.text이 HTML 코드를 삽입하기 위해 노력하고있어 그리고 문제는 웹 검사관이 가지고있는 것 :삽입 HTML 코드 AngularJS와
<ul><li>
<div >{{item.title}}</div>
</li></ul>
모든 매개 변수를 표시하려면 어떻게해야합니까?
이 솔루션은 $의 위생적이다 :
HTML 파일 :
<div ng-bind-html="deliberatelyTrustDangerousSnippet()"></div>
컨트롤러 파일 :
NPM은 각-살균
를 설치$scope.deliberatelyTrustDangerousSnippet = function() { return $sce.trustAsHtml($scope.texto); };
는 살균 설치
'ngSanitize' 모듈을 포함하면 컨트롤러에'$ sce.trustAsHtml()'이 필요 없습니다. 'ngSanitize'는 기본적으로이 작업을 수행합니다. –
콘솔에 예외가 있습니까? –
Nop .. 그리고 $ scope.text는 올바른 html 코드를 가지고 있습니다 .. – victorlopezsanchez
이것이 서비스가 어떻게 작동 하는지를 보여주는 방법이라고 생각합니다. HTML에서 잠재적으로 저장되지 않은 항목을 제거하기 만하면됩니다. 자세한 내용과 예를 확인하십시오. https://docs.angularjs.org/api/ngSanitize/service/$sanitize –