Angularjs Ng Model Directive
อินสแตนซ์ Angularjs
ผูกค่าของกล่องอินพุตเข้ากับตัวแปรขอบเขต:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-controller = "myctrl"> <อินพุต ng-model = "name"> <p> อินพุตค่าของกล่องอินพุตถูกผูกไว้กับตัวแปร "ชื่อ": </p> {{ชื่อ}} </div> <script> var app = angular.module ('myapp', []); doe ";}); </script> <p> ตัวอย่างนี้แสดงให้เห็นถึงวิธีการใช้คำสั่ง Ng-model เพื่อผูกค่าของกล่องอินพุตลงในตัวแปรขอบเขต </p> </body> </html>คำจำกัดความและการใช้งาน
NG-Model Directive ผูกองค์ประกอบ HTML แบบฟอร์มลงในตัวแปรขอบเขต
หากไม่มีตัวแปรในขอบเขตมันจะถูกสร้างขึ้น
ไวยากรณ์
<Element Ng-Model = "NAME"> </Element>
<put>, <select>, <TextArea>, องค์ประกอบรองรับคำสั่งนี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| เครื่องแยก | ชื่อแอตทริบิวต์ที่คุณต้องการผูกกับฟิลด์ฟอร์ม |
ข้างต้นคือการรวบรวมข้อมูลโมเดล NG NG และข้อมูลที่เกี่ยวข้องจะถูกเพิ่มในอนาคต