ng-bind-html, $sce.trustAsHtml 동적으로 html을 생성, 이벤트를 넣을 때

화면에 동적으로 html을 넣을 때 사용법

추가

cdn : <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-sanitize.js"></script>

jsp 파일

• ng-bind-html 을 이용

<td ng-bind-html="getTestFunc(list)"></td>

js 파일

• $sce.trustAsHtml 이용한다.
• function에 $sce를 추가한다.

app.controller('testCtrl', ['$scope', '$sce, function($scope, $sce){
      $scope.getTestFunc(list){
            return $sce.trustAsHtml("<label style='color:orange'>스타일 적용 테스트</label>");
      }
}