Угловой материал 7 Drag and Drop

Question

Может кто-нибудь объяснить или, может быть, показать мне какой-то код о том, как он будет делать следующее:

У меня есть матч - со всеми назначенными игроками в команде, тогда у меня есть стартовые одиннадцать (11заполнители на карте) и 7 позиций на скамейке команд.

Как теперь можно перетаскивать игроков в назначенные заполнители на футбольном поле и скамейке запасных?Если я перенесу его в заполнитель, заполнитель не должен быть виден - но перетаскиваемый контент - и мне нужен идентификатор этого перетаскиваемого содержимого (перетаскиваемого проигрывателя), чтобы обновить match.startingEleven, match.substitutes и удалить игрока из матча.список назначенных игроков.

Answer 1

Проект Chore Board ( demo , repo ) реализует аналогичную схему и может помочь.

Я пытался использовать угловые 7 drag and drop (и есть несколько постов, которые показывают, как это сделать). Однако, поскольку мои требования были более сложными (перетащите группу элементов или отдельные элементы внутри группы), я выбрал собственное решение HTML5.