angular 解析html

最新推荐文章于 2021-06-14 14:37:26 发布

weixin_30709929

最新推荐文章于 2021-06-14 14:37:26 发布

阅读量159

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiaotaiyang/p/4817028.html

版权

方法1：写filter

<div ng-bind-html="showContent | html" class="detail-content">    

deliciousApp.filter('html', ['$sce', function ($sce) {
     return function (text) {
         return $sce.trustAsHtml(text);
     };
 }]);

方法2：

<div ng-controller="ExampleController">
 <p ng-bind-html="myHTML"></p>
</div>

angular.module('bindHtmlExample', ['ngSanitize'])
.controller('ExampleController', ['$scope', function($scope) {
  $scope.myHTML =
     'I am an <code>HTML</code>string with ' +
     '<a href="#">links!</a> and other <em>stuff</em>';
}]);