从列表拖放到放置区域答案

【问题标题】：Drag & Drop from List to a drop area angular从列表拖放到放置区域
【发布时间】：2020-07-03 13:16:41
【问题描述】：

我正在实现一个拖放功能，我想从列表中拖动一个项目并将其放置在放置区域的任何位置。

拖动项目的位置应该是我鼠标放置它的位置（鼠标指针离开拖动状态）。我尝试使用 Angular Material ui 中的 cdk 拖放功能，但找不到合适的解决方案。

最后我应该得到拖放列表项相对于放置区域的绝对位置。

目前，我参考了插件/库，而在这些插件/库中，我只发现了将项目从一个列表转移到另一个列表。

这是我想要实现的功能的图表...Drag and Drop Functionality Diagram

【问题讨论】：

【解决方案1】：

您好，您应该尝试使用 Dragula 库，我已经使用过它，并且非常用户友好，并且几乎具有拖放元素时所需的所有功能。

这里是您可以参考的链接以获取详细信息： enter link description here

【讨论】：

【解决方案2】：

您是说拉贾斯坦邦的某个城市和马哈拉施特拉邦的其他城市以及这些城市在另一个 div 中，当您拖放它们时它会提供响应

【讨论】：