ng-bind-htmlChỉ thị AngularJS
Thí dụ
Liên kết nộiHTML của phần tử <p> với biến myText :
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script
src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<p ng-bind-html="myText"></p>
</div>
<script>
var app =
angular.module("myApp", ['ngSanitize']);
app.controller("myCtrl",
function($scope) {
$scope.myText = "My name is:
<h1>John Doe</h1>";
});
</script>
Định nghĩa và Cách sử dụng
Lệnh ng-bind-htmllà một cách an toàn để liên kết nội dung với một phần tử HTML.
Khi cho phép AngularJS viết HTML trong ứng dụng của mình, bạn nên kiểm tra HTML để tìm mã nguy hiểm. Bằng cách bao gồm mô-đun "angle-sanitize.js" trong ứng dụng của mình, bạn có thể làm như vậy bằng cách chạy mã HTML thông qua chức năng ngSanifying.
Cú pháp
<element ng-bind-html="expression"></element>
Được hỗ trợ bởi tất cả các phần tử HTML.
Giá trị tham số
| Value | Description |
|---|---|
| expression | Specifies a variable, or an expression to evaluate. |