0 Tage Serie
javascript / beginner
Snippet

Wiederverwendbare Komponenten mit ng-content

Der <ng-content>-Tag dient als Platzhalter für externen Inhalt und ermöglicht es Ihnen, HTML von einer Elternkomponente in eine Kindkomponente zu projizieren.

snippet.js
javascript
1
2
3
4
5
6
7
<!-- card.component.html -->
<div class="card">
<div class="card-header">Title</div>
<div class="card-body">
<ng-content></ng-content>
</div>
</div>
angular
Erklärung
1
<ng-content></ng-content>
Gibt an, wo der projizierte Inhalt des Elternteils platziert werden soll.