Angularjs ng-change 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" <p> ป้อนข้อมูลบางอย่างในกล่องอินพุต: </p> <อินพุต type = "text" ng-change = "myfunc ()" ng-model = "myValue" /> <p> กล่องอินพุตได้รับการแก้ไข {{count}} ครั้ง </p> </div> <script> angular.module ('myapp', []). controller ('myctrl', ['$ scope', ฟังก์ชั่น ($ scope) {$ scope.count = 0; $ scope.myfunc = function () {$ scope.count ++;};ผลการทำงาน:
ป้อนข้อมูลบางอย่างในช่องป้อนข้อมูล:
กล่องอินพุตได้รับการแก้ไข 0 ครั้ง
คำจำกัดความและการใช้งาน
คำสั่งการเปลี่ยนแปลงของ NG ใช้เพื่อบอก AngularJS ว่าจะทำอย่างไรเมื่อค่าองค์ประกอบ HTML เปลี่ยนไป
คำสั่งการเปลี่ยนแปลงของ NG จะต้องใช้กับคำสั่ง NG-Model
Directive Directive Directive ของ AngularJS NG-Change ไม่ได้เขียนทับเหตุการณ์ OnChange ดั้งเดิม หากเหตุการณ์นี้เกิดขึ้นนิพจน์การเปลี่ยนแปลงของ NG และเหตุการณ์ OnChange ดั้งเดิมจะถูกดำเนินการ
เหตุการณ์การเปลี่ยนแปลง NG จะถูกไล่ออกทุกครั้งที่มีการเปลี่ยนแปลงค่าและไม่จำเป็นต้องรอกระบวนการดัดแปลงที่เสร็จสมบูรณ์หรือรอการกระทำที่สูญเสียโฟกัส
เหตุการณ์การเปลี่ยนแปลง NG มีไว้สำหรับการปรับเปลี่ยนค่าจริงของกล่องอินพุตจริงเท่านั้นไม่ใช่ผ่าน JavaScript
ไวยากรณ์
<Element NG-Change = "Expression"> </Element>
<put>, <elect>, และ <textarea> ได้รับการสนับสนุนองค์ประกอบ
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| การแสดงออก | ดำเนินการนิพจน์เมื่อค่าองค์ประกอบเปลี่ยน |
ข้างต้นเป็นบทสรุปของความรู้ของ Angularjs ng-change directives และจะได้รับการเสริมในภายหลัง