Реализация приложения с использованием угловых и угловых материалов cdk drag and drop

Question

Я пытаюсь реализовать приложение, в котором изображения можно перетаскивать и свободно менять положение друг друга, не перекрывая друг друга.Я использую play.grafana.org, но не могу решить эту проблему.Есть идеи?

Answer 1

Используя новый Angular CDK, это должно быть прямо.Div-обертка, использующая CSS flex, заставит ваши изображения плавать внутри.Добавление cdkDrag к элементам, содержащим изображения, даст вам возможность их перетаскивать.Чтобы реорганизовать позицию, используйте функцию moveItemInArray в событии drop.

В CDK есть примеры, которым вы можете следовать, и это почти то, что вы ищете, я думаю ..