목록앵귤러 input (1)

아 그거 뭐였지

[Angular] Input , Output 데코레이터

Q. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 주고싶다. 이때 사용하면 되는것이 Input, Output 데코레이터이다. 본인은 자식 컴포넌트를 팝업창처럼 띄우고 자식컴포넌트에 데이터를 전달한뒤 종료했을때 종료했다는 사인을 부모 컴포넌트로 받고 팝업창을 닫을때 사용했었다. 바로 사용법을 알아보자. @Input 부모컴포넌트에서 자식컴포넌트로 데이터를 전송할때 사용한다. 자식컴포넌트에서 @Input() 데코레이터를 통해서 데이터를 전송받는다. 대문자로 시작함에 유의하자. 헤더에 타이틀이 바뀔때 @Input() 데코레이터를 통해서 컴포넌트별로 타이틀값만 넣어주는 방식으로 구현할수도있다. 코드 예제를 살펴보자 부모로부터 "insertData"라는 값을 자식으로 전달하여 출력하는 예제이다. // app-chil..
Front-End 2022. 3. 15. 09:19
Prev 1 Next