Câu lệnh ng-bind-html của AngularJS

Sách tham khảo AngularJS

Định nghĩa và cách sử dụng

ng-bind-html Câu lệnh là phương pháp an toàn để gán nội dung vào phần tử HTML.

Khi bạn để AngularJS viết HTML trong ứng dụng của mình, bạn nên kiểm tra có mã nguy hiểm trong HTML hay không. Bằng cách bao gồm mô-đun "angular-sanitize.js" trong ứng dụng, bạn có thể chạy mã HTML để kiểm tra bằng hàm ngSanitize.

Mô hình

Gán innerHTML của phần tử <p> cho biến myText:

<script src="https://cdn.staticfile.net/angular.js/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 = "Tên của tôi là：<h1>Bill Gates</h1>";
});
</script>

Thử ngay

Cú pháp

<element ng-bind-html="biểu thức</element>

Tất cả các phần tử HTML đều hỗ trợ.

Tham số

Tham số Mô tả
biểu thức Định nghĩa biến hoặc biểu thức cần tính toán.

Sách tham khảo AngularJS