إنشاء التوجيهات والأنابيب في Angular

Name: إنشاء التوجيهات والأنابيب في Angular
Author: Michaela Ochnich

تعلم التوجيهات الهيكلية وتوجيهات الخصائص والأنابيب

شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ3.

دورة تدريبية: عند الطلب

سيوضح هذا الدرس لك كيفية إنشاء أنبوب مخصص في هذه الحالة، الأنبوب الذي يحسب ويعرض متوسط المصفوفة تستخدم الأنابيب في قوالب Angular لتغيير البيانات إلى تنسيق مختلف قبل عرضها على المستخدم يوفر Angular زوجًا من الأنابيب المدمجة المختلفة للتعامل مع تنسيق البيانات للأنواع الشائعة مثل الأثمان أو العملة أو النسب المئوية بالإضافة إلى غلاف للسلاسل في بعض الأحيان قد تحتاج إلى إنشاء أنبوب مخصص للتعامل مع تنسيق البيانات المتكرر لحالات الاستخدام الخاصة بك يوفر Angular CLI مخطط لإنشاء هذه الأنابيب المخصصة لذا، في نافذة طرفية في دليل التطبيقات يمكنك تشغيل الأمر ng generate pipe ثم اسم الأنبوب الخاص بك إذن، سوف يأخذ هذا الأنبوب مصفوفة من الأرقام ثم يخرج متوسط تلك المصفوفة وسيقوم هذا الأمر بإنشاء ملفين مختلفين ملف لفئة الأنابيب ثم واحد هو ملف الاختبار ويقوم أيضًا بتعديل ملف app.module للإعلان عن الأنبوب الذي أنشأته للتو حتى يمكن استخدامه في التطبيق بفتح ملف فئة الأنبوب الذي تم إنشاؤه وسيكون ذلك ضمن مجلد التطبيق يحتوي الملف على علامة الأنابيب هذه ثم المحدد الذي تم تعيينه هنا في البيانات الوصفية هو كيف سيتم استدعاء هذا الأنبوب من القالب ثم طريقة التحويل المحددة هنا هي الطريقة التي سيستدعيها Angular عندما يصادف هذا الأنبوب المعلمة الأولى، هي القيمة هي ما يتم تمريره في الأنبوب وفي هذه الحالة، ستكون مصفوفة من الأرقام وهنا قمت بتعيين هذا النوع للقيمة يمكن أيضًا تحديد المعلمات الاختيارية لتكوين كيفية تحويل هذه القيمة لذلك في هذا الأنبوب، سأضيف متغيرًا يسمى تقريب والذي سيكون عدد الأرقام العشرية لتقريب متوسط الرقم إليها وسأحدد القيمة الافتراضية لهذه المعلمة الاختيارية لاثنين بعد ذلك، سأضيف الترميز إلى هذه الطريقة التي تحسب متوسط المصفوفة لقد قمت هنا بإنشاء متغير لاحتواء مجموع العناصر وتهيئة ذلك إلى الصفر ثم التنقل خلال كل عنصر في المصفوفة ستضيف قيمة هذا العنصر إلى الإجمالي ثم في النهاية يقسم ذلك الإجمالي على طول قيم المصفوفة وبعد ذلك لإكمال هذه الدالة فقط قم بإعادة تقريب هذا المعدل والآن مع اكتمال الأنبوب المخصص سأفتح فئة مكون التطبيق الرئيسي وأحدد مصفوفة من الأرقام العشوائية بسرعة لاستخدامها ثم في القالب سأمرر هذه المصفوفة إلى الأنبوب المخصص لها وبالانتقال إلى المتصفح يمكنك مشاهدة المتوسط المحسوب معروض هنا وقد تم تقريبه إلى رقمين عشريين افتراضيين لأنني لم أمرر في هذه المعلمة الاختيارية نعود الآن إلى القالب سأقوم بالتمرير في تلك المعلمة الاختيارية وهنا سأضبط ذلك على أربعة والآن بالرجوع إلى المتصفح يتم الآن عرض هذا المتوسط بالتقريب إلى أربعة أرقام عشرية بدلاً من الافتراضي وهو رقمين عشريين هذا كل شيء في هذا الدرس في إنشاء أنبوب مخصص وفي الدرس التالي ستتعلم كيفية إنشاء توجيه سمة مخصصة

متوسط مقدِّم الخدمة : Michaela Ochnich 3 الدروس · 18m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese

وصف الدورة

سيغطي هذا الجزء التوجيهات الهيكلية وتوجيهات السمات والأنابيب. حيث سيقدم التوجيهات والأنابيب المضمنة التي تقدمها Angular. وسيوضح أيضًا كيفية إنشاء فئة الأنبوب الخاصة بك باستخدام أداة CLI، بالإضافة إلى التوجيه الهيكلي وتوجيه السمات.

ما ستتعلمه

فهم كيفية عمل توجيهات Angular وأنابيبه، بما في ذلك التوجيهات الهيكلية وتوجيهات السمات والأنابيب
استخدام التوجيهات والأنابيب المدمجة التي يوفرها Angular
إنشاء صنف أنبوب مخصص باستخدام Angular CLI
إنشاء توجيه هيكلي مخصص
إنشاء توجيه سمة مخصص

النقاط الرئيسية

يتناول الفصل التوجيهات الهيكلية وتوجيهات السمات والأنابيب في Angular.
يُعرّف هذا الفصل بالتوجيهات والأنابيب المدمجة التي يوفرها Angular.
يمكن استخدام Angular CLI لتوليد صنف أنبوب مخصص.
يبني المتعلمون توجيهاً هيكلياً وتوجيه سمة خاصَّين بهم خلال المقرر.

الأسئلة الشائعة

ما الذي يغطيه هذا المقرر؟

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

ماذا سأتعلم بناؤه في هذا المقرر؟

ستتعلم إنشاء أنبوب مخصص وتوجيه هيكلي مخصص وتوجيه سمة مخصص، وفهم كيفية عمل توجيهات Angular وأنابيبه.

ما الدروس المتضمنة؟

يتضمن المقرر ثلاثة دروس: إنشاء أنبوب مخصص، وإنشاء توجيه سمة، وإنشاء توجيه هيكلي.

ما المهارات المرتبطة بهذا المقرر؟

يرتبط المقرر بـ Angular (إطار عمل الويب) وAngular CLI ومكونات Angular ومواد Angular وواجهة مستخدم Angular وNg Controller.

هل يستخدم المقرر أدوات محددة لإنشاء الأنبوب؟

نعم، يوضح المقرر كيفية إنشاء صنف أنبوب مخصص باستخدام Angular CLI.