Передача текста в дочерний компонент в Angular
Можно передавать текст из родительского компонента в дочерний. Для этого нужно передаваемый текст написать между открывающим и закрывающим тегом дочернего компонента. Давайте сделаем это:
<user-data>
text from parent
</user-data>
Теперь в темплейте дочернего компонента
мы должны указать место, в которое
будет осуществлена вставка переданного
родительского текста. Это делается
с помощью специального тега ng-content
.
Давайте поставим этот тег в темплейте
дочернего компонента:
child text <br>
<ng-content></ng-content>
Пусть в родительском компоненте есть некоторое свойство. Вставьте значение этого свойства в текст. Передайте этот текст описанным в уроке способом в дочерний компонент.