Предаване на текст към детски компонент в Angular

Може да се предава текст от родителския компонент към детски. За целта трябва предаваният текст да се напише между отварящия и затварящия таг на детския компонент. Нека направим това:

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

Сега в темплейта на детския компонент трябва да посочим мястото, в което ще бъде осъществена вмъкването на предания родителски текст. Това става с помощта на специален таг ng-content. Нека поставим този таг в темплейта на детския компонент:

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