Przekazywanie tekstu do komponentu potomnego w Angular

Można przekazywać tekst z komponentu nadrzędnego do komponentu potomnego. Aby to zrobić, należy przekazywany tekst wpisać między tagiem otwierającym i zamykającym komponentu potomnego. Zróbmy to:

app/app.component.html<user-data>
   text from parent
</user-data>

Teraz w templatce komponentu potomnego musimy wskazać miejsce, w które zostanie wstawiony przekazany tekst nadrzędny. Robimy to za pomocą specjalnego tagu ng-content. Postawmy ten tag w templatce komponentu potomnego:

app/user/user.component.htmlchild text <br>
<ng-content></ng-content>