Angular ng-content

이동현·2021년 11월 30일
0

Angular

목록 보기
5/8

부모컴포넌트html에서 자식 컴포넌트의 셀렉터태그 사이에 무엇인가 출력하고 싶다면, 자식컴포넌트.html 출력하고 싶은 위치에 ng-content를 사용하면 된다(원래는 셀렉터태그 사이에 아무것도 출력이 안된다).

자식.컴포넌트.html

부모.컴포넌트.html

출력예시

Hello 같이 간단한 것 말고도 이렇게 할 수도 있다.

자식컴포넌트.html

부모컴포넌트.html

똑같이 잘 출력된다.

profile
안녕하세요!

0개의 댓글