Tekstin välittäminen lapsikomponenttiin Angularissa

Tekstiä voidaan välittää vanhempakomponentista lapsikomponenttiin. Tätä varten lähetettävä teksti on kirjoitettava lapsikomponentin avautuvan ja sulkeutuvan tagin väliin. Tehdään se:

app/app.component.html<user-data>
   teksti vanhemmalta
</user-data>

Nyt lapsikomponentin templaatissa meidän on määritettävä paikka, johon vanhemmalta lähetetty teksti lisätään. Tämä tehdään käyttämällä erikoistagia ng-content. Laitetaan tämä tagi lapsikomponentin templaattiin:

app/user/user.component.htmllapsen teksti <br>
<ng-content></ng-content>