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 为 500x500 像素，内部div 为 50x50 像素。我希望能够将一个拖到容器的左上角，另一个拖到右下角。 我尝试定义div 宽度，更改袋子内的元素无济于事。

我也会考虑其他与 Angular 兼容的框架作为选项。

Answer 1

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

https://github.com/valor-software/ng2-dragula/tree/master/src/components

它实际上并没有翻译或更改放置元素的任何位置(即，不更改"转换"或"左"或"顶部"或任何类似的 CSS 值(。它只是重新排列它们在 DOM 中的顺序，因此它们的结果位置仅由容纳它们的容器中的元素顺序以及该容器上的任何样式来确定。