# कंटेंट प्रोजेक्शन — एंगुलर

Source: https://www.geekswithgeeks.com/hi/angular/ng-content-projection

> पैरेंट को किसी कंपोनेंट के टेम्पलेट में मार्कअप भेजने दें।

## <ng-content>

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

```html
<!-- 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]">`।