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上查看錯誤修復版本。