angular - Dragula / Angular：如何允许将可拖动项目拖放到其容器内的任何位置？

Question

我正在 Angular 中设计一个 Web 应用程序，我的项目中包含了 Dragula。它适用于在“包”中拖放东西，但我想要更强大的拖放功能。

有没有办法允许一个<div>包含可拖动项目的项目，让这些项目被放置在容器内的任何地方？也许甚至允许它们相互重叠？

<div id="desktop" [dragula]='"first-bag"'>
  <div>
    <h1>test</h1>
  </div>
  <div>
    <h1>test 2</h1>
  </div>
</div>

假设容器 div 为 500x500px，内部 div 为 50x50px。我希望能够将一个拖到容器的左上角，另一个拖到右下角。我尝试定义 div 宽度，更改包中的元素无济于事。

我也会将其他与 Angular 兼容的框架视为选项。

score 1 · Accepted Answer

从我对源代码的快速浏览来看，不修改是不可能的。

它实际上并没有翻译或改变任何被删除元素的位置（即，不改变'transform'或'left'或'top'或任何其他的CSS值）。它只是重新排列它们在 DOM 中的顺序，因此它们的结果位置仅由包含它们的容器中元素的顺序以及该容器上的任何样式决定。

1 回答 1