Angular 9 Reactive Forms：使用 trackBy 时复选框未更新

Question

我正在使用反应式表单构建产品表单。

当我选择所有复选框并单击重置时，复选框没有更新**

当我删除 trackBy 时它工作正常，如何使用ngFor trackBy使其工作？

这是示例： stackblitz 产品表单

Answer 1

这是因为您在返回指数trackBy功能，第一个参数trackBy功能是该项目的指标，第二个是你想返回第二个参数的项目本身。

在您的示例中，它看起来像一些东西。

PS 我用通用名称重命名了 trackBy 函数。

 trackByFn(_, item){
  return item;
 }

我分叉了你的stackblitz，你也可以检查一下。

Answer 2

这是因为您的trackByFn函数不正确。

trackBy函数将索引和当前项作为参数，并需要返回该项的唯一标识符。

所以，试试这个：

trackByFn(index, item){
  return index;
}

您可以在Stackblitz上查看错误修复版本。