ngx 数据表中的 FormControl

Question

我在将 ngx-datatable 与 formControls 结合使用时遇到问题。

我有一个显示类别列表的数据表，每个类别都有一个子项列表。当我单击包含类别的行时，它会切换子项行的可见性。

在每一行中，我都有一个复选框，当我单击某个类别的复选框时，它应该会选中所有子项的复选框。我使用 formControls 来控制复选框的状态。

只要我的所有类别都展开，它就可以正常工作，但是当我关闭其中一些类别并使用复选框时，它不会选中正确的复选框。

如果你想查看我的问题，我已经在这里举了一个例子：https://stackblitz.com/edit/ngx-datatable-formcontrol?file=app/demo-component.ts

提前致谢！

Answer 1

与 ngFor 的 track by 函数相同，ngx-datatable 允许设置为输入 属性 trackByProp，如下所示：[trackByProp]="'id'"。使用此选项将允许组件跟踪 hidden/displayed 通过其 id 而不是通过其索引的行，就像现在一样，这种确切的行为会导致您的问题 - 一旦为 a 创建了复选框特定行，他们从来没有 re-rendered https://github.com/swimlane/ngx-datatable/pull/1622