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

Sai*_*que 6 angular

我有一个问题,如果我们想要使用@Input如何实现它传递多个数据到子组件.

如果我们有这样的组件:

<ex-comp [exData1]="exampleData1" [exData2]="exampleData2"></ex-comp>
Run Code Online (Sandbox Code Playgroud)

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

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

  2. 如果没有,如何实现呢?

对不起,如果我错过了这个基本点.

谢谢..

Viv*_*shi 14

您可以通过此方式在子组件中实现此目的

 @Input()exData1;
 @Input()exData2;
Run Code Online (Sandbox Code Playgroud)
<ex-comp [exData1]="exampleData1" [exData2]="exampleData2"></ex-comp>
Run Code Online (Sandbox Code Playgroud)

这里exampleData1exampleData2来自您的数据父组件exData1exData2,你可以访问到你输入名称子组件上面给出的代码.