从列表拖放到角度的放置区域

时间:2020-07-03 13:16:41

标签: angular angular-material drag-and-drop angular-cdk-drag-drop

我正在实现有角度的拖放功能,我想从列表中拖动一项并将其放置在拖放区中的任何位置。

所拖动项目的位置应该是我将其拖放到的位置(将鼠标指针从拖动状态中移开)。我尝试从有角度的材质ui中使用cdk拖放功能,但是找不到解决我问题的合适方法。

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

目前,我已经提到了插件/库,在这些插件/库中,我仅发现了从一个列表到另一个列表的项目转移。

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

2 个答案:

答案 0 :(得分:1)

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

以下是您可以参考的链接,以获取详细信息: enter link description here

答案 1 :(得分:0)

您是说拉贾斯坦邦的某个城市和maharastra的其他城市,还是这些城市在另一个div中,只要将其拖放即可提供响应