У меня есть следующий шаблон HTML.
<div dragula="'card-images'" [dragulaModel]="images">
<child-component [card]="imageCard" [ngClass]="cssClass(card)" *ngFor="let imageCard of images"></child-component>
</div>
Родительский div - это сетка с несколькими строками и всего двумя столбцами, как показано ниже.
0 |1
2 |3
4 |5
..
Я пытаюсь реализовать сценарий, в котором дочерний компонент перетаскивается во всех направлениях.Проблема, с которой я сталкиваюсь сейчас, заключается в том, что, если я перетаскиваю 0-й элемент вниз, первый элемент сетки выделяется, тогда как второй элемент сетки должен быть выделен.Причина, по которой направление перетаскивания является вертикальной по умолчанию.Если я сделаю направление как горизонтальное, то наоборот.Как я могу добиться перетаскивания во всех направлениях, используя один список, чтобы показать правильную выделенную часть, куда будет перетащен компонент перетаскивания?
Заранее спасибо.