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中的順序，所以它們的結果位置僅由容器中保存它們的元素的順序來確定，而不管該容器上的樣式是什麼。