ال وظائف النطاق $ JS هي بعض الوظائف الرئيسية. في هذه المقالة ، سنناقش وظيفة Angular JS watch بالترتيب التالي:
ما هي وظيفة الساعة الزاوية JS؟
يتم استخدام وظيفة الزاوي JS $ watch لمشاهدة كائن النطاق. تراقب الساعة $ المتغير وعندما تغير قيمة المتغير الزاوي $ JS ما يدير دالة. تأخذ هذه الوظيفة وسيطتين أحدهما هو القيمة الجديدة والمعامل الآخر هو القيمة القديمة.
نموذج تحكم جافا مثال
كيفية استخدام وظيفة الساعة الزاوية JS؟
لنأخذ مثالاً بسيطًا لما تفعله وظيفة الساعة في الزاوية JS بالضبط. لذلك في برنامجنا الزاوي JS أنشأنا ملفين هناك index.js مسؤول عن الواجهة الأمامية و app.js مسؤول عن التعامل مع الخلفية. هنا نصنع برنامجًا بسيطًا بنموذج وهذا النموذج يحتوي على حقل إدخال. عندما نعطي الاسم في حقل الإدخال ، تظهر لنا رسالة الإخراج القيمة القديمة والقيمة الجديدة.
كود HTML
تحتوي صفحة index.html الخاصة بنا على تطبيق زاوية يحمل الاسم ngWatchApp ووحدة تحكم بالاسممراقب. ثم نقوم بإنشاء نموذج باسم حقل الإدخال وقيمة حقل الإدخال هذا نطبعه في علامة h1 وتطبع الرسالة في
بطاقة شعار.
مثال الساعة الزاوي أدخل اسمك{{رسالة}}
ما هي الدمية المستخدمة
كود جافا سكريبت
في app.js أنشأنا تطبيقًا باسم ngWatchApp ووحدة تحكم بالاسممراقب. بعد ذلك ، نحدد المتغيرين في النطاق بالاسم والاسم والرسالة وفي وظيفة المراقبة نقوم بتمرير معلمتين ، أحدهما هو اسم الحقل الذي يتأثر عند التغيير والآخر هو الوظيفة التي تحتوي أيضًا على معلمتين ، قيمة جديدة وقيمة قديمة. أخيرًا ، نلحق قيمتين في متغير الرسالة وأن متغير الرسالة يظهر علىindex.htmlالصفحة.
var app = angular.module ('ngWatchApp'، []) app.controller ('watchController' ، الوظيفة (نطاق $) {// إضافة متغير النطاق $ range.name = '' $ domain.message = '' // add مشاهدة باسم حقل $ نطاق. $ watch ('name'، function (newValue = ''، oldValue = '') {$ range.message = `القيمة الجديدة هي $ {newValue} والقيمة القديمة هي $ {oldValue}`} )})عندما نشاهد وظيفة ، فإن هذه الوظيفة تسمى عدة مرات وفقًا للملخص. عندما يتم تنفيذ الكود ، يمرر AngularJS مرجع نطاق $ الحالي باعتباره الوسيطة الأولى. لا يعني ذلك فقط أنه يمكننا الرجوع إلى النطاق المناسب من داخل جسم الوظيفة ، بل يعني أيضًا أنه يمكننا مشاهدة أي وظيفة تتوقع مرجع نطاق $.
هذه هي الطريقة التي يمكننا بها استخدام وظيفة angular js watch () في التطبيقات لمشاهدة التغييرات المتغيرة على نطاق $. هناك بعض الأشياء الأخرى التي تعمل مع $ watch ، وهي وظيفة $ Digest () تتكرر عبر جميع الساعات في كائن النطاق $ عندماملخص $ ()يتكرر على الساعات ، يستدعي وظيفة القيمة لكل ساعة. الالنطاق $.تأخذ الوظيفة وظيفة كمعامل يتم تنفيذها ، وبعد ذلكنطاق $. ملخص $ ()يسمى داخليا.
بهذا ، نصل إلى نهاية مقالة وظيفة الساعة Angular JS. إذا كنت ترغب في معرفة المزيد حول إطار العمل Angular ، فراجع الذي يأتي مع تدريب مباشر بقيادة مدرب وخبرة مشروع واقعية. سيساعدك هذا التدريب على فهم Angular بعمق ويساعدك على تحقيق إتقان الموضوع.
لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في 'Angular JS Watch Function' وسنقوم بالرد عليك.