如何使用@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; 
}