Angular에서 자식 컴포넌트로 속성 전달하기
부모 컴포넌트의 속성을 자식 컴포넌트로 전달할 수도 있습니다. 어떻게 수행하는지 살펴봅시다. 부모 컴포넌트에서 자식 컴포넌트로 전달할 속성을 정의하겠습니다:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
부모의 템플릿에서 속성 이름을 대괄호로 묶습니다. 이 경우 속성 값으로 작성된 내용은 부모 클래스의 속성으로 해석됩니다:
<user-data [name]="name" [age]="age"></user-data>
부모 컴포넌트에서 제품 이름과 가격에 대한 속성을 만드세요. 그 값들을 당신의 자식 컴포넌트로 전달하세요.
