拖放:通过使用 copyArrayItem(),拖放的项目不应从开始数组中删除,同时放置 Angular 8

Neo*_*eon 3 angular-material angular-dragdrop

我有一个项目列表,我可以从其中拖动项目并将其放入另一个列表中。我使用Angular 中的copyArrayItem()方法来不从前一个数组中删除该项目。

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

开始拖动,占位符出现

在此输入图像描述

我要离开之前的数组:占位符/拖动的项目消失(我希望占位符/拖动的项目保留)-> 起始数组有负 1 个项目。

占位符消失,这是我不想要的

在此输入图像描述 我在目标数组上:占位符出现在目标数组中。

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

Neo*_*eon 6

经过更多研究后,我发现了一个关于该问题的开放问题: 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

也许这些信息对某人有用。