ما هو تغيير Ng في Angular JS وكيف يتم تعيين قيمة له؟

Ng-change هو توجيه في الزاوية JS مخصص لأداء العمليات عند تغيير قيمة مكون أو حدث. تعلم كل شيء عنها مع الأمثلة.

مرحبًا ، لنتعرف على التوجيهات الشيقة المتوفرة في ، أي توجيه ng-change ، فإن الاسم نفسه يزيل جزئيًا العمل الذي يؤديه. عادة ما يتم الخلط بين المبرمجين بين أحداث التغيير والتغيير ، دعنا نوضح كل شيء اليوم في هذه المدونة. المواضيع التي سنتناولها اليوم ستكون:

قبل متابعة المدونة ، سنلقي أولاً نظرة سريعة على ماهية التوجيهات في AngularJS.





ما هو التوجيه؟

توجيهات AngularJS هي ببساطة سمات HTML موسعة ببادئة 'ng-'. يوفر AngularJS مجموعة من التوجيهات المضمنة التي تقدم وظائف مختلفة لتطبيقاتنا.

يتيح لنا AngularJS أيضًا تحديد توجيهاتنا الخاصة.



ما هو التغيير؟

التغيير هو أ وهو مخصص لإجراء العمليات عند تغيير قيمة المكون أو الحدث. بعبارات أخرى،نانوغرام التغييريخبر التوجيه AngularJS بما يجب فعله عندما تتغير قيمة عنصر HTML.

c ++ نوع التحويل

اننانوغرام نموذجالتوجيه مطلوب من قبل التوجيه ng-change.



دروس خادم SQL للمبتدئين

نقاط مهمة أثناء استخدام التوجيه ng-change:

  • ماذا يحدث لحدث onChange؟ النانوغرام التغييرالتوجيه من AngularJS لا يتجاوز حدث onchange الأصلي للعنصر ، كلاهمانانوغرام التغييرالتعبير وأحداث onchange الأصلية.
  • النانوغرام التغييريتم تشغيل الحدث عند كل تغيير في القيمة. لن ينتظر إجراء جميع التغييرات ، أو حتى يفقد حقل الإدخال التركيز.
  • النانوغرام التغييريتم تشغيل الحدث فقط إذا كان هناك تغيير فعلي في قيمة الإدخال ، وليس إذا تم إجراء التغيير من JavaScript.
  • يتم دعم توجيه ng-change هذا بواسطة علامات HTML مثل و و و.
  • يتم تقييم تعبير ngChange فقط عندما يؤدي تغيير في قيمة الإدخال إلى التزام قيمة جديدة بالنموذج.

لن يتم تقييمها:

  1. إذا لم تتغير القيمة التي تم إرجاعها من مسار تحويل موزعي $
  2. إذا استمر الإدخال غير صالح ، لأن النموذج سيبقى فارغًا
  3. إذا تم تغيير النموذج ليس بواسطة قيمة إدخال ولكن برمجيًا.

ملحوظة ، يتطلب هذا التوجيهنموذجأن يكون حاضرا.

بناء الجملة:

< جزء نانوغرام التغيير='التعبير' > جزء >

التعبير: يحدد تعبيرًا يتم تنفيذه عندما تتغير قيمة العنصر.

مثال:

 

الرجاء كتابة حقل الإدخال:

بيان goto في c ++

تم تغيير حقل الإدخال {{عدد}} مرة.

angular.module ('App1'، []) .controller ('cng1l'، ['نطاق $'، الوظيفة (نطاق $) {$ range.count = 0 $ range.myFunc = function () {$ range.count ++} }])

الإخراج (بعد 3 تغييرات)

الرجاء كتابة حقل الإدخال:

تم تغيير حقل الإدخال 3 مرات.

آمل ، الآن قد يكون لديك فهم واضح لتوجيه التغيير ، حاول استخدامه في برامجك ومعرفة مقدار ما تعلمته. شكرا للقراءة.أود أن أوصيك بالمرور من خلال هذا دروس الزاوي قائمة تشغيل الفيديو Edureka لمشاهدة مقاطع الفيديو ومعرفة كيفية العمل مع تطبيقات Angular.

الآن بعد أن عرفت التوجيه الزاوي ، تحقق من ملف من Edureka ، وهي شركة تعليمية موثوقة عبر الإنترنت مع شبكة تضم أكثر من 250000 متعلم راضٍ منتشرين في جميع أنحاء العالم. Angular هو إطار عمل JavaScript يُستخدم لإنشاء تطبيقات ويب قابلة للتطوير ومؤسسة وأداء من جانب العميل. مع اعتماد إطار العمل الزاوي عاليًا ، فإن إدارة أداء التطبيق مدفوعة من المجتمع بشكل غير مباشر يقود فرص عمل أفضل. يهدف تدريب الشهادة الزاوي إلى تغطية كل هذه المفاهيم الجديدة حول تطوير تطبيقات المؤسسة.