angularjs removes tag ( style img src href etc..) - sce disable

북마크 추가

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 상태 그대로 붙여넣게 된다.

 

HKH
2016-06-15 18:36
SHARE
keyboard_arrow_left
keyboard_arrow_up