在 AngularJS 中，ng-bind-html 指令用于将 HTML 内容绑定到页面上，同时保留其中的 HTML 标签。这个指令非常有用，可以让我们动态地展示包含 HTML 标签的内容，而不会被转义。
使用 ng-bind-html
要使用 ng-bind-html 指令，首先需要引入 ngSanitize 模块。在引入 AngularJS 后，需要在应用模块中添加 ngSanitize 依赖，这样才能使用 ng-bind-html。
-- -------------------- ---- -------
--------- -----
------
------
---------------- --------------------
------- ------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------------
-------
----- -------------- -----------------------
---- ----------------------------
--------
--- --- - ----------------------- ----------------
------------------------ ---------------- -
------------- - ----------- ---------------------------------
---
---------
-------
-------在上面的示例中，我们首先引入 ngSanitize 模块，并在应用模块中添加依赖。然后在控制器中定义一个包含 HTML 标签的字符串，并将其赋值给 $scope.myHtml。最后在页面上使用 ng-bind-html 指令将这个字符串渲染出来。
注意事项
使用 ng-bind-html 时，需要注意一些安全性问题。由于 ng-bind-html 可以渲染包含 HTML 标签的内容，如果不做任何处理，可能会导致 XSS 攻击。为了避免这种情况发生，可以使用 $sce 服务来对 HTML 内容进行信任处理。
-- -------------------- ---- -------
--------- -----
------
------
---------------- --------------------
------- ------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------------
-------
----- -------------- -----------------------
---- ---------------------------------
--------
--- --- - ----------------------- ----------------
------------------------ ---------------- ----- -
----------- - ------------------- --------------------
------------------ - ------------------------------
---
---------
-------
-------在上面的示例中，我们使用 $sce.trustAsHtml() 方法将包含恶意脚本的 HTML 内容进行信任处理，这样就可以安全地展示在页面上了。
总结
通过 ng-bind-html 指令，我们可以在 AngularJS 应用中动态展示包含 HTML 标签的内容，同时确保安全性。在使用时，需要注意对 HTML 内容进行信任处理，避免潜在的安全风险。希望本文对你有所帮助，谢谢阅读！