使用 copyArrayItem 时 Angular Material Drag&Drop CDK 中的问题

Question

我正在使用@angular/cdk/drag-drop模块，当我放入下拉列表时，当我编辑拖放的项目时，它会编辑原始项目。 您对此有解决方案吗？

Answer 1

从另一个数组中移动一个数组项会保留该项的 memory 引用。

如果你想编辑第二个项目而不是第一个项目，你需要不使用 CDK function。

  const dup = { ...item }; // Be careful, sub objects are still on the same memRef

  secondArray.splice(firstArray.indexOf(item), 0, dup);