Angular Material 2拖放不应互相重叠

Question

我现在确实使用有角度的材料来实现Web应用程序。 现在我通过实现拖放有一个问题。

代码如下：

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

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

问题是，我希望这2个拖放液滴不重叠。

我不想这样：

这将是完美的，如果框2在框1上方，则框1将自动移动到某个位置。

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

Answer 1

please check this link 在此链接中，您必须定义一个列表并向其中添加两张卡，然后添加一些CSS以动态更改位置， 一句话，您必须在卡上定义（cdkDropListDropped）=“ drop（$ event）”， 再说一遍：查看示例