AngularJS ng-Change التوجيه
مثيل 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> <input type = "text" ng-change = "myfunc ()" ng-model = "myValue" /> <p> تم تعديل مربع الإدخال {{count}}. </p> </viv> <script> Angular.module ('myapp' ، []نتائج التشغيل:
أدخل بعض المعلومات في مربع الإدخال:
تم تعديل مربع الإدخال 0 مرات.
التعريف والاستخدام
يتم استخدام توجيه NG-Change لإخبار AngularJS بما يجب فعله عندما تتغير قيم عنصر HTML.
يجب استخدام تعليمات NG-Change مع تعليمات النموذج NG.
AngularJS NG-Change Directive التوجيه لا يكتب حدث الحدث الأصلي. إذا تم تشغيل هذا الحدث ، فسيتم تنفيذ تعبير NG-Change وحدث Onchange الأصلي.
يتم إطلاق حدث NG-Change في كل مرة تتغير فيها القيمة ، ولا تحتاج إلى انتظار عملية تعديل مكتملة أو انتظار إجراء يفقد التركيز.
حدث NG-Change هو فقط للتعديل الحقيقي لقيمة مربع الإدخال ، وليس من خلال JavaScript.
قواعد
<element ng change = "expression"> </element>
<pection> و <select> و <extirea> يتم دعم عناصرها.
قيمة المعلمة
| قيمة | يصف |
|---|---|
| تعبير | تنفيذ التعبيرات عندما تتغير قيم العناصر. |
ما سبق هو ملخص لمعرفة توجيهات angularjs ng-change ، وسيتم استكمالها لاحقًا.