العودة إلى الدورة

إسقاط المحتوى (ngContent)

مطور Angular الشامل: من الصفر إلى الاحتراف

64. إسقاط المحتوى (ngContent)

يسمح لك إسقاط المحتوى (أو transclusion) بإدراج محتوى خارجي، يوفره مكون أب، مباشرة في قالب مكون ابن. هذا ضروري لإنشاء مكونات حاوية مرنة وقابلة لإعادة الاستخدام (مثل النوافذ المشروطة، أو البطاقات، أو اللوحات).

وسم <ng-content>

يشير هذا الوسم إلى الموقع في قالب المكون الابن حيث يجب عرض المحتوى الذي تم تمريره بواسطة الأب.

1. مكون الابن (card.component.html)

html

Card details here...

2. استخدام مكون الأب

html

Welcome to the Dashboard

إسقاط المحتوى متعدد الفتحات (Multi-Slot Content Projection)

يمكننا تحديد المكان الذي يجب أن تذهب إليه قطع مختلفة من المحتوى المسقط باستخدام سمة select على <ng-content>. وهذا يسمح للأب بتوفير كتل متعددة ومتميزة من المحتوى.

مكون الابن (multi-card.component.html)

html

استخدام مكون الأب

html

Project Title

Last updated 5 mins ago.