拖放:通过使用 copyArrayItem(),拖动的项目不应在 drop Angular 8 时从起始数组中删除

Drag and Drop: by using copyArrayItem() the dragged item should not be removed from start array while drop Angular 8

我有一个项目列表,我从中拖动一个项目并将其放到另一个列表中。我正在使用 copyArrayItem() 方法 Angular 来不从上一个数组中删除项目。

我开始拖动,该项目在前一个数组中:显示该项目的占位符。

开始拖动,出现占位符

我要离开上一个数组:placeholder/dragged 项消失(我希望 placeholder/dragged 项保留)-> 起始数组有减 1 项。

Placeholder消失了,我不想要的

我在目标数组上:占位符出现在目标数组中。

我正在删除项目:项目现在出现在开始和目标数组中。

经过更多研究后,我发现了一个关于该问题的未解决问题: https://github.com/angular/components/issues/13906

我发现了参与者的建议:

https://stackblitz.com/edit/angular-krmecd?file=src%2Fapp%2Fapp.component.ts

这个带有解决方法的示例帮助我解决了这个问题:

https://stackblitz.com/edit/angular-o8exzv-jauhhi?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.html

也许此信息对某人有用。