Szöveg átadása gyermek komponensbe az Angularban

Átadhatunk szöveget a szülő komponensből a gyermek komponensbe. Ehhez az átadandó szöveget a gyermek komponens nyitó és záró tagje közé kell írni. Tegyük ezt meg:

app/app.component.html<user-data>
   szöveg a szülőtől
</user-data>

Most a gyermek komponens template-jében meg kell adnunk azt a helyet, ahová az átadott szülői szöveg beillesztésre kerül. Ezt a speciális ng-content tag segítségével tehetjük meg. Tegyük ezt a taget a gyermek komponens template-jébe:

app/user/user.component.htmlgyermek szöveg <br>
<ng-content></ng-content>