将数据传递到角度4的自定义组件

Question

我有一个带选择器的自定义组件如何在角度4中传递数据以在其模板中显示数据.喜欢

<my-component data="shirts"></my-component>

在我的组件模板中

<h5>{{data.size}}</h5>

不确定如何在角度4中将数据从父组件传递到子组件.

Answer 1

如果"data"变量是@Input()属性,则"数据"应该在括号之间以允许数据绑定.

<my-component [data]="shirts"></my-component>

你需要在你的组件中有这个:

@Input() data;

不要忘记从@ angular/core导入"Input"