سيوضح هذا الدرس كيفية المرور واسترداد قيم المعلمات من الموجه router في Angular تم إنشاء التطبيق الذي أملكه هنا بالتوجيه باستخدام أداة CLI لقد تم تكوين ملف وحدة التوجيه بالفعل وتم استيرادها إلى وحدة المسار الخاصة بالتطبيق تتضمن وحدة الموجه التي تم استيرادها من Angular مختلف التوجيهات والمقدمين الذين يسمحون للتنقل داخل التطبيق يتضمن ذلك ارتباط جهاز الموجه ورابط الموجه النشط وتوجيهات منفذ الموجه وكذلك خدمة الموجه بالنسبة لهذا العرض التوضيحي لنفترض أنك تنشئ تطبيق ويب لشركة عقارية إحدى الميزات التي قد تحتاجها هي صفحة تسرد جميع الخصائص المتاحة ثم بالنقر فوق قائمة الخصائص يجب أن ينقل المستخدم إلى صفحة تحتوي على مزيد من التفاصيل حول هذه الخاصية المعينة ولإعداد ذلك سأقوم أولاً بإنشاء مكون يعرض قائمة من الخصائص ثم المكون الذي سيعرض جميع تفاصيل الخصائص لذا هنا سيكون مكون قائمة العناصر لعرض كافة القوائم ومكون العنصر سيكون لعرض ملف قائمة فردية سأقوم أيضًا بإنشاء مكون ليكون بمثابة صفحة رئيسية الآن لإنشاء مسارات لتلك المكونات الثلاثة يجب أولاً استيرادها إلى ملف وحدة توجيه التطبيق هذا التالي بالأسفل هنا والمسارات صحيحة سأحدد أولاً مسارًا للصفحة الرئيسية وبعد ذلك، سأقوم بإنشاء مسار لمكون قائمة العناصر والآن لمكون العنصر أحتاج إلى تمرير معرف العنصر في المسار وبهذه الطريقة إذا تم إرفاق هذا التطبيق لبرنامج الخلفية يمكنه استخدام هذا المعرف لاسترداد البيانات الخاصة بالقائمة من قاعدة البيانات للدلالة على معلمة لاتجاه المسار ضع نقطتين أمام اسم المعلمة بهذه الطريقة يعرف موجه Angular أن هذه معلمة سوف تمرر ولا يحاول مطابقة المسار بكلمة المعرف ID عند البحث عن مسار مطابق وسيتم تمرير قيمة المعلمة هذه في الرابط عندما ينقر المستخدم على عنصر معين من القائمة ونظرًا لعدم وجود برنامج خلفية فعلية لهذا التطبيق لقد أنشأت خدمة سترجع بعض البيانات الوهمية الأساسية فقط لأغراض العرض التوضيحي هناك دالتان محددتان في الخدمة واحدة تقوم بإرجاع جميع بيانات القائمة والأخرى تأخذ معرف وترجع البيانات القائمة المحددة تلك ولإنهاء إعداد هذا الموجه أحتاج أيضًا إلى إضافة منفذ الموجه سأقوم بفتح قالب مكون المسار واحذف جميع الترميز المبدئي ثم استبدلهم بمنفذ الموجه هذا الآن بعد أن أصبح هناك منفذ لعرض المسارات في العرض سأقوم بإنشاء رابط من مكون الصفحة الرئيسية إلى مكون القائمة ذاك الآن لإنشاء رابط موجه Angular فإنك لا تريد استخدام السمة H-ref لأن هذا تطبيق من صفحة واحدة لذلك لا نريد الانتقال إلى صفحة HTML جديدة. وبدلاً من ذلك يتم استخدام توجيه رابط الموجه