如何使用@Input将多个数据传递给子组件

Question

我有一个问题，如果我们想使用@Input将多个数据传递给子组件，如何实现它。

如果我们有这样的组件：

<ex-comp [exData1]="exampleData1" [exData2]="exampleData2"></ex-comp>

如何获取子组件中的数据。使用两个@Input s？

1. 如果是这样，我们如何知道哪些数据@Input？ 订单重要吗？

2. 如果没有，如何实现？

很抱歉，如果我错过了基本观点。

谢谢..

Answer 1

您可以通过此

在子组件中实现这一目标

 @Input()exData1;
 @Input()exData2;

<ex-comp [exData1]="exampleData1" [exData2]="exampleData2"></ex-comp>

此处exampleData1和exampleData2是父组件中的数据 并且exData1和exData2是您可以通过以上代码访问子组件的输入名称。

Answer 2

您只需使用 @Input（）属性创建公共变量：

export class ExampleComponent{

   @Input('exData1') exData1: any;
   @Input('exData2') exData2: any;
}