angular - Angular Material 7 拖放

Question

有人可以解释或向我展示一些关于他将如何执行以下操作的代码：

我有一场比赛——所有被分配到球队的球员，然后我有一个首发十一人（地图上的 11 个占位符）和球队替补席上的 7 个位置。

我现在如何将球员拖放到足球场和替补席上的指定占位符？如果我把它放到一个占位符上，占位符不应该是可见的——但是拖动的内容——我需要这个拖动的内容（被拖动的播放器）的 id 来更新 match.startingEleven、match.substitutes 并将播放器从比赛中删除。分配球员名单。

Answer 1

Chore Board 项目（demo、 repo）实现了类似的模式并且可能会有所帮助。

我曾尝试使用 Angular 7 拖放（并且有几篇文章展示了如何做到这一点）。然而，由于我的要求更多（拖动组内的项目或单个项目），我选择了原生 HTML5 解决方案。