Chỉ thị ng-bind-template của AngularJS

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

ng-bind-template Chỉ thị thông báo cho AngularJS sử dụng giá trị của biểu thức để thay thế nội dung của phần tử HTML.

Khi bạn muốn gán nhiều biểu thức vào phần tử HTML, hãy sử dụng ng-bind-template Chỉ thị.

Mô hình

Gán hai biểu thức vào phần tử <p>:

<div ng-app="myApp" ng-bind-template="{{firstName}} {{lastName}}" ng-controller="myCtrl"></div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.firstName = "Bill";
    $scope.lastName = "Gates";
});
</script>

Thử nghiệm trực tiếp

cú pháp

<yếu tố ng-bind-template="biểu thức">yếu tố>

Tất cả các yếu tố HTML đều hỗ trợ.

tham số

tham số miêu tả
biểu thức Để tính toán một hoặc nhiều biểu thức, mỗi biểu thức được bao bọc bởi {{ }}.