คำสั่ง ng-bind-template ของ AngularJS

การระบุและวิธีใช้

ng-bind-template คำสั่งบอกให้ AngularJS ใช้ค่าของอัลกอริทึมที่กำหนดแทนเนื้อหาส่วนประกอบ HTML。

เมื่อคุณต้องการเชื่อมโยงหลายอัลกอริทึมไปยังส่วนประกอบ HTML โปรดใช้ ng-bind-template คำสั่ง

ตัวอย่าง

เชื่อมโยงสองอัลกอริทึมไปยัง <p> ส่วนประกอบ:

<div งดแบบแพ็กเกจ="myApp" งดแบบแพ็กเกจ="{{firstName}} {{lastName}}" งดแบบแพ็กเกจ="myCtrl"></div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.firstName = "Bill";
    $scope.lastName = "Gates";
});
</script>

ทดลองด้วยตัวเอง

รูปแบบ

<element ng-bind-template="expression}}</element>

ทุกองค์ประกอบ HTML ทุกองค์ประกอบสนับสนุน

ตัวแปร

ตัวแปร คำอธิบาย
expression คำแสดงค่าหนึ่ง หรือหลาย ๆ คำแสดงค่า ที่มี {{ }} ล้อมรอบ