Angular Material 2 Drag Drops彼此之间不应重叠

Question

我现在实现了一个带角度材质的Web应用程序。现在我通过实施拖放操作遇到了问题。

代码如下：

<div class="example-box" cdkDrag>
  Drag me around 1
</div>

<div class="example-box" cdkDrag>
  Drag me around 2
</div>

问题是，我希望这2个拖放不会重叠。 qazxsw poi

我不想要这个：

这将是完美的，如果盒子2在盒子1上方，盒子1将自动移动到某个地方。

任何一个建议或解决方案。

Answer 1

在这个链接中描述你必须定义一个列表并添加两张卡片然后添加一些css来动态改变位置，你必须在卡片上定义一个单词（cdkDropListDropped）=“drop（$ event）”，比如说再次：检查例子