Ng-2 Dragula:拖动方向

时间:2018-11-30 15:44:33

标签: angular drag-and-drop dragula ng2-dragula

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

谢谢。

0 个答案:

没有答案