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>