Angularにおける子コンポーネントへのプロパティの受け渡し
親コンポーネントのプロパティを子コンポーネントに受け渡すこともできます。 その方法を見ていきましょう。親コンポーネントで、子コンポーネントに受け渡すプロパティを定義します:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
親のテンプレートでは、属性名を角括弧で囲みます。この場合、属性値として書かれた内容は親クラスのプロパティとして解釈されます:
<user-data [name]="name" [age]="age"></user-data>
親コンポーネントで商品名と価格のためのプロパティを作成してください。 それらの値をあなたの子コンポーネントに受け渡してください。
