Рисовать линию при перетаскивании элемента?

Question

Можно ли нарисовать линию между контейнером и перетаскиваемым элементом во время перетаскивания с помощью библиотеки "dragula"? Когда элемент отброшен, линия должна исчезнуть.

Answer 1

<div [dragula]='"my-bag"'>
    <div class="draggable-item">
        <div class="my-drag-indicator">
            // style your line here
        </div>
        <div class="my-drag-content">
            // your content here
        </div>
    </div>
</div>

при перетаскивании у вас будет изображение клона вашего предмета, dragula добавит к нему класс gu-tran. Как и в приведенной выше структуре, вы можете стилизовать ваш.draggable-item.gu-транзит, чтобы скрыть ".my-drag-content" и показать "my-drag-индикатор"