微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

拖放:通过使用copyArrayItem,在放下Angular 8时不应将拖动的项目从起始数组中移除

如何解决拖放:通过使用copyArrayItem,在放下Angular 8时不应将拖动的项目从起始数组中移除

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

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

开始拖动,显示占位符

enter image description here

我要离开上一个数组:占位符/拖动项消失(我希望占位符/拖动项保持不变)->开始数组中有负1个项。

占位符消失了,我不想要的

enter image description here

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

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

解决方法

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

也许此信息对某人有用。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。