AngularJS ng-bind-html 指令
实例
将 <p> 元素的 innerHTML 绑定到变量 myText:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><script src="https://cankaoshouce.com/js/angular/angular-sanitize.js"></script><body><div ng-app="myApp" ng-controller="myCtrl"><p ng-bind-html="myText"></div><script>var app = angular.module("myApp", ['ngSanitize']);app.controller("myCtrl", function($scope) {$scope.myText = "My name is: <h2>John Doe</h2>";});</script><p><b>备注:</b> 这个例子包括 "angular-sanitize.js", 它具有从 HTML 中删除潜在危险标记的功能</p></body></html>
定义与用法
ng-bind-html 指令是将内容绑定到 HTML 元素的安全方式。
当您让 AngularJS 在应用程序中编写 HTML 时，您应该检查 HTML 是否存在危险代码。通过在应用程序中包含 "angular-sanitize.js" 模块，您可以通过 ngSanitize 函数运行 HTML 代码来实现。
语法
<element ng-bind-html="expression"></element>
由所有 HTML 元素支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 指定要计算的变量或表达式 |