详解Angular.js数据绑定时自动转义html标签及内容

<span ng-controller = "myCtr" ng-bind-html = "htmlStr"></span>

function myCtr($scope){

　　$scope.htmlStr = '<p style="color:white;background:#f60;"></p>';

};

<div ng-repeat = "article in articles">

　　<div class="panel-heading">

　　　　<h4><b>{{article.title}}</b></h4>

　　</div>

　　<div class="panel-body">

　　　　<article id="word-display" ng-bind-html="article.content | trustHtml">

　　　　</article>

　　</div>

</div>

success(function(data){

　　$scope.articles = data;

});

myApp.filter('trustHtml',function($sce){

　　return function(input){

　　　　return $sce.trustAsHtml(input);

　　}

});