คำสั่ง 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 | คำแสดงค่าหนึ่ง หรือหลาย ๆ คำแสดงค่า ที่มี {{ }} ล้อมรอบ |