Angularjs ng-bind directive
อินสแตนซ์ Angularjs
ผูก innerhtml ภายใน <p> กับตัวแปร mytext:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" World! '"> <p ng-bind =" mytext "> </p> </div> </body> </html>
ผลการทำงาน:
สวัสดีโลก!
คำจำกัดความและการใช้งาน
คำสั่ง NG-bind บอกให้ AngularJS แทนที่เนื้อหาขององค์ประกอบ HTML ด้วยค่าของตัวแปรหรือนิพจน์ที่กำหนด
หากมีการแก้ไขตัวแปรหรือนิพจน์ที่กำหนดจะมีการแก้ไของค์ประกอบ HTML ทดแทนที่ระบุ
ไวยากรณ์
<element ng-bind = "Expression"> </element>
หรือเป็นคลาส CSS:
<sential> </imlement>
องค์ประกอบ HTML ทั้งหมดสนับสนุนคำสั่งนี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| การแสดงออก | ระบุตัวแปรหรือนิพจน์ที่จะดำเนินการ |
ข้างต้นเป็นการแนะนำรายละเอียดเกี่ยวกับคำสั่ง Angularjs ng-bind เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้