ngx 数据表中的 FormControl答案

【问题标题】：FormControl in ngx datatablengx 数据表中的 FormControl
【发布时间】：2020-08-20 05:58:37
【问题描述】：

我在使用带有 formControls 的 ngx-datatable 时遇到了问题。

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

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

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

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

提前致谢！

【问题讨论】：

标签： angular angular-reactive-forms ngx-datatable

【解决方案1】：

与 ngFor 的 track by function 相同，ngx-datatable 允许设置为输入属性 trackByProp，如下所示：[trackByProp]="'id'"。使用这将允许组件跟踪通过其 ID 而不是其索引隐藏/显示的行，就像现在一样，并且这种确切的行为会导致您的问题 - 一旦为特定行创建了复选框，它们永远不会重新渲染 https://github.com/swimlane/ngx-datatable/pull/1622

【讨论】：