AngularJS是一个流行的前端框架，它提供了许多有用的指令和服务来简化开发过程。其中一个指令叫做 ng-bind-html，可以将HTML代码绑定到AngularJS模板中。然而，由于安全问题，这个指令默认情况下会阻止一些不安全的HTML代码的渲染。为了解决这个问题，可以使用一个名为 angular-sanitize 的npm包。
安装
在使用 angular-sanitize 之前，需要先安装它。可以通过npm安装：
npm install angular-sanitize
引入
在你的AngularJS应用程序中，需要在index.html文件中引入 angular-sanitize 包：
<script src="node_modules/angular-sanitize/angular-sanitize.min.js"></script>
或者在模块声明中引入：
angular.module('myApp', ['ngSanitize']);注意，在引入 angular-sanitize 后，需要将 ngSanitize 依赖注入到你的模块中，以便在应用程序中使用它。
使用
现在已经成功地将 angular-sanitize 添加到了应用程序中，可以开始使用它了。只需要在需要显示HTML的地方添加 ng-bind-html 指令即可。例如，如果要在一个div元素中显示HTML，可以这样写：
<div ng-bind-html="myHtml"></div>
然后，在控制器中设置 myHtml 变量的值：
angular.module('myApp').controller('myCtrl', function($scope, $sce) {
$scope.myHtml = $sce.trustAsHtml('<p>This is <b>some</b> HTML</p>');
});这里使用了 $sce.trustAsHtml 来将HTML字符串标记为“可信任”，以避免在渲染时被阻止。现在，当 myHtml 的值被更新时，div元素中的HTML代码也会被更新。
示例
下面是一个完整的示例，演示了如何使用 ng-bind-html 和 $sce.trustAsHtml 来显示HTML代码：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- -------- ---------------
------- ---------------------------------------------------
------- ---------------------------------------------------------------------
-------
----- -----------------------
------------- -------- ------------
---- ----------------------------
--------
----------------------- ------------------------------------ ---------------- ----- -
------------- - ------------------------- -- ----------- -----------
---
---------
-------
-------该示例将在浏览器中显示带有加粗样式的段落。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/32185