| الأمر البرمجي | الوظيفة الأساسية | التأثير على المشروع |
|---|---|---|
| ng g s service-name | إنشاء خدمة جديدة مع تفعيل الحقن على مستوى الجذر (providedIn: 'root') | ينشئ ملف الخدمة وملف الاختبار الخاص بها ويهيئها للحقن الفوري |
| ng g p pipe-name | توليد أنبوب مخصص (Custom Pipe) لتنسيق وتعديل نصوص وعرض البيانات | ينشئ ملف الـ Pipe مع صياغة الدالة الأساسية transform جاهزة للاستخدام |
| ng g d directive-name | إنشاء توجيه مخصص لتعديل سلوك أو مظهر العناصر في القوالب | يضيف ملف الـ Directive ويربطه بنظام المحددات (Selectors) |
نستكمل في هذا الدرس استكشاف القوة الهائلة لأداة Angular CLI مع التركيز على توليد العناصر البرمجية الأساسية الأخرى التي لا غنى عنها في أي تطبيق Angular 22.1 متكامل، وهي: الخدمات (Services) لإدارة منطق البيانات والاتصال بالخوادم، الأنابيب (Pipes) لتنسيق عرض البيانات للمستخدم، والتوجيهات (Directives) للتحكم في سلوك عناصر واجهة المستخدم.
تُستخدم لفصل منطق الأعمال عن مكونات واجهة المستخدم (Business Logic). باستخدام أداة CLI، يتم ربط الخدمة تلقائياً بنظام الحقن (Dependency Injection) عبر الاعتماد على providedIn: 'root', مما يجعلها متاحة في جميع أنحاء التطبيق دون الحاجة لتسجيلها يدوياً.
الـ Pipes تمكنك من إعادة تشكيل البيانات قبل عرضها في قالب HTML (مثل تحويل النصوص لأحرف كبيرة أو تنسيق التواريخ). الـ Directives تتيح لك التحكم في العناصر وتغيير سلوكها أو مظهرها بشكل ديناميكي مرن.
| 1 | # إنشاء خدمة إدارة بيانات المستخدمين داخل مجلد النواة أو الخدمات |
| 2 | ng generate service core/services/user |
ℹ️ معلومة
أو باستخدام الاختصار السريع:
| 1 | ng g s core/services/user |
| 1 | # توليد أنبوب لتنسيق العملات أو النصوص |
| 2 | ng g p shared/pipes/filter-search |
| 3 | |
| 4 | # توليد توجيه مخصص لتغيير لون الخلفية عند المرور بالماوس |
| 5 | ng g d shared/directives/highlight |