通過ng-bind-html添加html元素

1.angularjs綁定數據常用方式有{{hellow}}與ng-bind指令，本文將介紹下ng-bind-html的使用。

2.如果直接使用ng-bind-html會報錯，所以在使用ng-bind-html時需要通過自定義一個過濾器進行處理，下面下“淨化”過濾器：

  2.1淨化過濾器作用是淨化一些不安全的html標籤。

  2.2過濾器代碼如下：

var app = angular.module("demoApp", ['']);

app.filter("sanitize", ['$sce', function($sce) {
  return function(htmlCode){
    return $sce.trustAsHtml(htmlCode);
  }
}]);

 2.3結合ng-bind-html一起使用：

  

<div ng-bind-html="hellow | sanitize"></div>