Question

我正在Angular中设计一个web应用程序，我的项目中包含了dragula。它适用于在＆＃34; bag＆＃34;中拖放东西，但我想要一个更强大的拖放功能。

是否有办法允许<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

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

它实际上并没有翻译或更改已删除元素的任何位置（即，不会更改＆＃39;转换＆＃39;或＆＃39; left＆＃39;或＆＃39;顶部＆＃39;或其中任何一个）。它只是在DOM中重新排列它们的顺序，因此它们的结果位置只取决于容纳它们的容器中的元素顺序，以及该容器上的任何样式。