سيغطي هذا الدرس خدمات Angular وكيفية البدء في استخدامها الخدمات هي فئة خاصة في Angular تعمل لأداء وظيفة محددة للتطبيق تساعد الخدمات في فصل وظائف معينة للتطبيق من المكونات وظائف محددة لا يجب أن تتفاعل مع العرض وهذه الخدمات قابلة لإعادة الاستخدام يمكن استخدام نفس فئة الخدمة وحقنها عبر مكونات متعددة هذا يساعد في الحفاظ على التطبيق الخاص بك نموذجي وأكثر كفاءةً يمكن أن توفر الخدمات العديد من الوظائف المختلفة مثل إجراء استدعاءات API لجلب البيانات قد يغير أو يعالج البيانات بطريقة ما قبل تمريرها إلى المكون تُستخدم الخدمات أيضًا لمشاركة البيانات بين المكونات غير ذات الصلة ويوفر Angular بعض الخدمات مسبقة الإنشاء أيضًا عميل HTTP هو عميل شائع والذي يستخدم لعمل طلبات HTTP لإنشاء خدمة، ستقوم بتشغيل الأوامر NG generate service ثم اسم الخدمة وهنا يمكنك أن ترى أنه أنشأ نوعين مختلفين من ملفات Typescript يستخدم هذا النوع الأول من ملف typescript لكتابة الاختبارات للمكون والنوع الثاني من ملف typescript هنا مخصص للفئة يستخدم علامة الفئة القابلة للحقن الذي يميز هذه الفئة كخدمة Angular ويمر كائن بيانات وصفية لتوفير معلومات التكوين بالنسبة لهذه الخدمة، سأكتب وظيفة سريعة هنا تخدع استدعاء API وتعيد قائمة بالعناصر للمستخدم ثم لاستخدام الخدمة في أحد المكونات يجب حقنها في فئة المكون هذه لدي مكون يسمى قائمة العرض تم توليده بالفعل هنا وأولًا يجب استيراد الخدمة وبعد ذلك يجب حقن الخدمة في منشئ المكون تقديم الخدمة للمنشئ هنا يسمح لفئة المكون باستدعاء طرقها يتم التعامل مع هذا من خلال حقن التبعية في Angular والتي سيتم تناوله بتفاصيل أكثر في درس لاحق بعد ذلك، سأعلن عن متغير لتخزين العناصر ثم قم بالاتصال بالخدمة لاستردادها الآن عندما يتم تهيئة المكون ستستدعي وظيفة الخدمة هذه لاسترداد عناصر القائمة وتخزينها في المصفوفة ثم في قالب المكون سأقوم فقط بعرض هذه المصفوفة بسرعة الآن سأقوم بتشغيل التطبيق تم بالفعل إعداد مكون التطبيق الرئيسي لإظهار مكون القائمة هذا هنا سأقوم الآن بتشغيل التطبيق ثم فتحه في نافذة المتصفح ويمكنك أن ترى القائمة معروضة في المكون هنا يمكنك أيضًا الاتصال بالخدمة من قالب المكون ولكن للقيام بذلك، عليك أولاً جعل الخدمة عام لذا بالعودة إلى فئة المكون هنا سأقوم بتبديل هذا لجعله خدمة عامة ثم سأضيف زرًا عند النقر فوقه سوف يستدعي نفس الطريقة من الخدمة وبعد ذلك سأقوم بإزالة استدعاء الخدمة التي يتم إجراؤها في فئة المكون والآن يجلب المكون عناصر القائمة فقط من الخدمة عند الضغط على الزر هذا كل شيء لهذه المقدمة السريعة للخدمات الدرس التالي، سوف نتناول حقن التبعية