从一个地方拖放到另一个地方

Drag and drop from one place to multiple another place

我需要用angular material制作拖放列表。当我有一个列表时这没问题，但现在我需要有一个多个列表。

例如，我有一个 drag 列表，其中包含用户角色（admin、user、view），我需要有多个用户 drop 地方，我可以在其中拖放用户角色。但是，DRAG 列表中的角色始终可见。

这是我想要的示例，但我需要有关如何制作多个 drop 列表的帮助，具体取决于我从 API 获得的用户数量和所有这些列表都需要从 sam DRAG 列表中获取数据，而且我还需要有删除用户角色的选项。当然，在提交时我需要将所有这些数据发送到服务器

编辑：

在@Campanita Belen 的帮助下，我可以将角色从一个地方拖到多个拖放区。

但仍然没有找到如何删除添加的角色，以及如何为每个用户 tp 单独收集数据的解决方案 JSON。

所以其实很简单，在 drop 事件中，我推送刚刚从列表中删除的项目，同时检查我没有将它添加到同一个列表，让你 link 用代码！希望这对您有所帮助！！

同时检查拖放的文档...