如下所示:
- <div ng-App="module" ng-controller="ctrl">
- {{data}}
- <hr>
- <div ng-bind-html="data"></div>
- <hr>
- <div ng-bind-HTML="title | trustHtml"></div>
- </div>
- <script>
- var m = angular.module('module', []);
- /*$sce 服务写成过滤器 */
- m.filter('trustHtml',['$sce',function($sce){
- return function(data){
- return $sce.trustAsHtml(data);
- }
- }])
- m.controller('ctrl', ['$scope', '$sce', function ($scope, $sce) {
- /* 第一种: 不用过滤器的方式 */
- $scope.data = $sce.trustAsHtml('<h1 style="color:red;">AngularJS</h1>');
- /* 第二种: 使用过滤器的方式 */
- $scope.title = '<h3 style="color:red;">AngularJS</h3>';
- }]);
- </script>
来源: http://www.jb51.net/article/148285.htm