Angular에서 자식 컴포넌트로 텍스트 전달하기
부모 컴포넌트에서 자식 컴포넌트로 텍스트를 전달할 수 있습니다. 이를 위해서는 전달할 텍스트를 자식 컴포넌트의 여는 태그와 닫는 태그 사이에 작성해야 합니다. 이제 해봅시다:
<user-data>
text from parent
</user-data>
이제 자식 컴포넌트의 템플릿에서 부모로부터 전달된 텍스트가 삽입될 위치를 지정해야 합니다.
이는 특수 태그 ng-content를 사용하여 수행됩니다.
자식 컴포넌트의 템플릿에 이 태그를 배치해 봅시다:
child text <br>
<ng-content></ng-content>
부모 컴포넌트에 특정 속성이 있다고 가정합니다. 이 속성의 값을 텍스트에 삽입하십시오. 본 강의에서 설명한 방법으로 이 텍스트를 자식 컴포넌트에 전달하십시오.
