AngularJS ng-bind-html 指令详解及实例代码
(编辑：jimmy 日期: 2024/11/20 浏览：3 次 )
AngularJS ng-bind-html 指令
AngularJS 实例
绑定 <p> 内的 innerHTML 到变量 myText:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="/UploadFiles/2021-04-02/angular.min.js">运行结果：
my name is:
John Doe
注意：该实例包含了 "angular-sanitize.js" 文件, 该文件移除 HTML 中的危险代码。
定义和用法
ng-bind-html 指令是通一个安全的方式将内容绑定到 HTML 元素上。
当你想让 AngularJS 在你的应用中写入 HTML，你就需要去检测一些危险代码。通过在应用中引入 "angular-santize.js" 模块，使用 ngSanitize 函数来检测代码的安全性。 in your application you can do so by running the HTML code through the ngSanitize function.
语法
<element ng-bind-html="expression"></element>
所有的 HTML 元素都支持该指令。
参数值
值 描述 expression 指定要执行的变量或表达式。
以上就是AngularJS ng-bind-html 指令实例的详细介绍，有需要的朋友可以参考下。
下一篇：AngularJS ng-bind 指令简单实现