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

Question

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

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

在my-component模板中

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

不确定如何将数据从父组件传递到角组件4中的子组件。

Answer 1

如果“data”变量是@Input（）属性，“data”应该在括号之间以允许数据绑定。

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

您需要在组件中使用此功能：

@Input() data;

不要忘记从@ angular / core

导入“输入”