AngularJs 绑定html数据 ng-bind-html

1、内部域直接信任

<div ng-bind-html="preview_data.preview.embed.htmlSafe"></div>

 

 

myApp.controller('myCtrl', ['$scope', '$sce', function($scope, $sce) {
  $scope.preview_data.preview.embed.htmlSafe = 
     $sce.trustAsHtml(preview_data.preview.embed.html);
}

 

 

2、内部域信任函数

 

<div ng-bind-html="to_trusted(preview_data.preview.embed.html)"></div>

 

 

 

$scope.to_trusted = function(html_code) {
    return $sce.trustAsHtml(html_code);
}

 

 

3、信任过滤器

 

<div ng-bind-html="preview_data.preview.embed.html | to_trusted"></div>

 

 

 

angular.module('myApp')
    .filter('to_trusted', ['$sce', function($sce){
        return function(text) {
            return $sce.trustAsHtml(text);
        };
    }]);