从AngularJS控制器将HTML插入视图

从AngularJS控制器将HTML插入视图

对于Angular 1.x，

ng-bind-html

在HTML中使用：

<div ng-bind-html="thisCanBeusedInsideNgBindHtml"></div>

此时，您将得到一个

attempting to use an unsafe value in a safecontext

错误，因此您需要使用ngSanitize或$
sce
来解决该问题。

$ sce

$sce.trustAsHtml()

在控制器中使用以转换html字符串。

 $scope.thisCanBeusedInsideNgBindHtml = $sce.trustAsHtml(someHtmlVar);

ng消毒

分两个步骤：

1. 包括angular-sanitize.min.js资源，即：
   

   <script src="lib/angular/angular-sanitize.min.js"></script>

   
   

2. 在js文件（控制器或通常为app.js）中，包含ngSanitize，即：
   

   angular.module('myApp', ['myApp.filters', 'myApp.services','myApp.directives', 'ngSanitize'])