Chỉ thị ng-bind-html
của AngularJS
Ví dụ
Liên kết InternalHTML 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>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lệnh ng-bind-html
là một cách an toàn để liên kết nội dung với một phần tử HTML.
Khi bạn 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 đưa mô-đun "angular-sanitize.js" vào ứng dụng của mình, bạn có thể thực hiện việc này bằng cách chạy mã HTML thông qua hàm ngSanitize.
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. |