कंटेंट प्रोजेक्शन

<ng-content>

<ng-content>, कंपोनेंट के टेम्पलेट में एक ऐसी जगह चिह्नित करता है जहाँ पैरेंट का मार्कअप डाला जाता है।

<!-- card.component.html -->
<div class="card">
  <ng-content></ng-content>
</div>

<!-- usage -->
<app-card>
  <h3>Title</h3>
  <p>Some card body text.</p>
</app-card>

कई स्लॉट

मार्कअप के अलग-अलग हिस्सों को अलग-अलग स्लॉट में डालने के लिए select एट्रिब्यूट जोड़ें, जैसे <ng-content select="[card-footer]">।