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

Question

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

如果我们有这样的组件:

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

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

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

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

抱歉，如果我遗漏了其中的基本要点。

谢谢..

Answer 1

你可以通过这个在你的子组件中实现它

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

---

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

这里的 exampleData1 和 exampleData2 是来自你的父组件的数据exData1 和 exData2 是您可以通过上面给定的代码访问您的子组件的输入名称。