如何从一个动态的组件列表中检索？

Question

我正在创建一个允许用户从网格中添加/删除事务行的组件。我有TranactionGridComponent和TransactionLineComponent，TransactionGridComponent是父组件，可以有1对多TransactionLineComponent。当用户点击“添加行”并将其放入TransactionLineComponent时，我会动态创建这些<table/>。我必须为每一行编号，如果用户删除了这些行，我将不得不对这些行重新编号。

如何查询<table>类型为TransactionLineComponent的子组件？

Answer 1

为什么需要查询？

应将数据数组保存在TranactionGridComponent或相应的服务中。

添加/删除时，只更改此数组，并自动添加/删除组件。

您可以使用ngFor

中的索引对行进行编号

<app-transaction-line *ngFor="#item of data; #i=index" [number]="i + 1">