قفازات الزاوية: أداة مفيدة لمطوري Angular
Angular Gauntlets هو إضافة مجانية لـ Chrome تم تطويرها بواسطة yannickglt. يندرج تحت فئة المتصفحات وتحديدًا فئة الإضافات والأدوات. هذه الأداة المفيدة توفر اختصارات لتصحيح تطبيقات Angular الخاصة بك بسهولة، مما يجعلها ضرورية لمطوري Angular.
مع Angular Gauntlets ، يمكنك الوصول إلى المكونات وموفرات تطبيق Angular الخاص بك مباشرةً من لوحة عناصر Chrome DevTools. ما عليك سوى النقر على عنصر DOM في اللوحة واستخدام أحد الكلمات الرئيسية التالية في وحدة التحكم للوصول إلى الوظائف المطلوبة:
- $component: عن طريق النقر على عنصر DOM المشير إلى مكون Angular ، يمكنك الوصول إلى مثيله والتفاعل معه.
- $context: تسمح لك هذه الكلمة الرئيسية بعرض سياق عنصر DOM ، مثل مكون Angular الأصلي أو صف ngFor.
- $scope: مشابه لـ $component ، ولكن ينطبق على عناصر الأطفال. إنها بديل رائع لـ AngularJS Batarang لـ Angular.
- $providers: توفر هذه الكلمة الرئيسية قائمة بجميع الموفرات التي تم إنشاؤها في تطبيق Angular الخاص بك ، مما يتيح لك تجربتها (غير مدعومة بواسطة Angular 9).
- $detectChanges(): استخدم هذه الكلمة الرئيسية لتشغيل اكتشاف التغيير في Angular وتطبيق التغييرات الخاصة بك.
- log$(obs): تسجيل قيمة المراقبة المعطاة باستخدام هذه الكلمة الرئيسية.
بالإضافة إلى ذلك ، يقدم Angular Gauntlets معاينة لجميع هذه المعلومات في علامة Angular في لوحة عناصر DevTools. ستقوم بتحديث البيانات على الفور عند التبديل بين العناصر ، مما يوفر لك تحديثات فورية.
بشكل عام ، Angular Gauntlets هي أداة قيمة تبسط عملية تصحيح الأخطاء لمطوري Angular. واجهتها البديهية واختصاراتها المريحة تجعل من السهل الوصول إلى المكونات وموفرات التطبيقات ضمن تطبيقات Angular الخاصة بك.
