我有以下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个元素,则第一个网格元素被突出显示,而第二个网格元素应被突出显示。默认情况下,拖动方向是垂直的。如果我将方向设为水平,则方向相反。如何使用单个列表在所有方向上实现拖动功能,以显示将拖放拖动组件的正确突出显示的部分?
谢谢。