angularjs에서 ng-bind-html을 사용해서 html 코드를 붙여넣을 때
자동으로 style 태그나 img src 태그등을 지워 버리는 경우 가 있다.
SCE 설정 때문인데 이때 특정 html 부분만 신뢰할수 있다고 선언해서 지워지지 않게 하는 방법이 있고
바로가기 :: http://www.trandent.com/board/AngularJS/detail/626
아예 SCE를 Disable 시키는 방법이 있다.
지금 사용 할 방법은 기본설정에서 SCE 자체를 꺼버리는 방법이다.
var module = angular.module('AppName', ['ngSanitize']);
기본 모듈 설정이 위와 같이 되어있다면
var module = angular.module('AppName', ['ngSanitize']).config(function($sceProvider) {
$sceProvider.enabled(false);
});
위와같이 설정하여 $sceProvider를 disable 시켜준다.
이제 ng-bind-html을 사용하면 원래 tag 상태 그대로 붙여넣게 된다.