#angular #angular-material #angular-material2 #angular-dragdrop
Вопрос:
Все примеры с сайта угловых материалов для перетаскивания показывают один компонент, который имеет 2 массива: https://stackblitz.com/angular/volxgedeaga?file=src/app/cdk-drag-drop-connected-sorting-group-example.ts
Но как насчет случая, когда у вас есть 2 пользовательских компонента, каждый компонент представляет собой список, и вы хотите перетаскивать элементы между этими 2 компонентами, как правильно организовать код?
Я реализовал следующее решение: https://stackblitz.com/edit/angular-aqfhpg?file=src/app/cdk-drag-drop-connected-sorting-example.ts
В принципе, родительский компонент содержит данные (2 массива), а 2 дочерних компонента отображают только данные и предлагают возможность перетаскивать элементы. Когда происходит событие удаления, дочерний компонент отправляет событие родителю, который обновляет 2 массива.
Это решение приемлемо? Есть ли лучший, более простой способ достичь этого?
Заранее спасибо!