<parent-component>
<child-component></child-component>
</parent-component>
@input , @ouput 데코레이터 사용시 자식 컴포넌트가 부모 컴포넌트와 통신할 수 있다.
@input : 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용
사용예제)
import { Component, Input } from '@angular/core'; // Input 심볼을 로드합니다.
export class ItemDetailComponent {
@Input() item = ''; // 프로퍼티에 @Input() 데코레이터를 지정합니다.
}