Angularjs ng-model-options 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"> <p> อัปเดตกล่องอินพุต: </p> <อินพุต ng-model = "ชื่อ" ng-model-options = "{updateOn: 'blur'}"> <p> ผูกค่ากล่องอินพุตลงในตัวแปรตัวแปร []); app.controller ('myctrl', ฟังก์ชั่น ($ scope) {$ scope.name = "John doe";}); </script> <p> ตัวอย่างนี้แสดงวิธีการใช้ตัวเลือก NG-model-model-model-model-model-model-model-model-model </p> </body> </html>คำจำกัดความและการใช้งาน
NG-Model-Options Directive ผูกองค์ประกอบรูปแบบ HTML เข้ากับตัวแปรขอบเขต
คุณสามารถระบุเวลาที่ข้อมูลการเชื่อมโยงถูกทริกเกอร์หรือระบุจำนวนมิลลิวินาทีที่จะรอ คุณสามารถอ้างถึงคำแนะนำต่อไปนี้สำหรับการตั้งค่าพารามิเตอร์
ไวยากรณ์
<องค์ประกอบ ng-model-options = "ตัวเลือก"> </element>
<put>, <select>, <TextArea>, องค์ประกอบรองรับคำสั่งนี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| ตัวเลือก | ระบุกฎสำหรับการเชื่อมโยงข้อมูลกฎมีดังนี้: {updateOn: 'Event'} กฎระบุว่าข้อมูลถูกผูกไว้หลังจากเหตุการณ์เกิดขึ้น {debounce: 1,000} ระบุจำนวนมิลลิวินาทีที่จะรอก่อนที่จะเชื่อมโยงข้อมูล {อนุญาตให้ใช้งาน: จริง | เท็จ} ระบุว่าข้อมูลจะต้องถูกผูกไว้หลังจากการตรวจสอบ {getTersetter: true | false} ระบุว่าจะผูกกับโมเดลเป็น getters/setters {Timezone: '0100'} ไม่ว่ากฎจะใช้เขตเวลา |
ข้างต้นคือข้อมูลที่แยกแยะคำสั่ง AngularJS NG-Model-Options และข้อมูลที่เกี่ยวข้องจะถูกเพิ่มในอนาคต