ngFor中带有selectall复选框的多个引语表

Question

我正在尝试使用primeng table和ngFor创建动态多个表

<div *ngFor="...">
<p-table>
...
//header
<p-tableHeaderCheckbox></p-tableHeaderCheckbox>
...
//body
<p-tableCheckbox></p-tableCheckbox>
</p-table>
</div>

假设我们有两个动态生成的表;使用我们在[value]中提供的数据，使用两个tableheadercheckbox

当我们选择第一个tableHeaderCheckbox时，第一个表的tableHeaderCheckbox/row复选框必须被选中。

当我们选择第二个tableHeaderCheckbox时，第二个表的tableHeaderCheckbox/row复选框必须被选中

适合第三、第四张表。

请告诉我如何做到这一点。

Answer 1

我已经创建了一个单独的组件，然后将表代码放在该组件中，所以现在如预期的那样selectall复选框现在可以工作了。

<p-table>
...
//header
<p-tableHeaderCheckbox></p-tableHeaderCheckbox>
...
//body
<p-tableCheckbox></p-tableCheckbox>
</p-table>