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兼容框架。

Answer 1

从我对源代码的快速浏览判断，这是不可能的，没有修改。

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

它实际上没有翻译或改变任何下降的元素（即，不是“变换”或“左”或“顶”或任何的，改变CSS值）的位置。它只是重新排列它们在DOM中的顺序，所以它们的结果位置仅由容器中保存它们的元素的顺序来确定，而不管该容器上的样式是什么。