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:
<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:
child text <br>
<ng-content></ng-content>
Załóżmy, że w komponencie nadrzędnym jest jakaś właściwość. Wstaw wartość tej właściwości do tekstu. Przekaż ten tekst opisany w lekcji sposób do komponentu potomnego.