Угловой материал вложенных Drag and Drop - PullRequest
0 голосов
/ 07 января 2019

Я пытаюсь создать группу списков с возможностью переупорядочения, которая содержит элементы, которые можно перемещать между списками, используя @ angular / cdk / drag-drop, хотя я сталкиваюсь с несколькими проблемами.

Мне удалось отдельно создать отдельные примеры, в которых достигается индивидуальное перетаскивание, хотя при объединении кажется, что я не могу реализовать обе части функциональности параллельно.

Перемещение предметов между группами : https://stackblitz.com/edit/items-move

Группы переупорядочения : https://stackblitz.com/edit/groups-move

Оба вместе : https://stackblitz.com/edit/groups-items-move

Кажется, что в примере Оба вместе перетаскивание отдельных элементов работает, как и ожидалось, но изменение порядка групп не работает, однако cdkDropListGroup в строке 4 cdk-drag-drop-connected-sorting-group-example.html при перемещении за пределы родительского элемента <cdk-drop-list> затем происходит обратное, группы теперь могут быть переупорядочены, но затем элементы не могут перемещаться между группами.

Любой указатель на то, где я иду не так?

1 Ответ

0 голосов
/ 27 января 2019

Похоже, cdkDropListGroup не работает для вложенных списков. Просто добавьте идентификатор в списки и соедините их вместе с [cdkDropListConnectedTo].

Оба вместе : https://stackblitz.com/edit/nested-connected-lists

...