使用角度和角度材料cdk拖放来实现应用程序

Question

我正在尝试开发一个应用程序，该程序可以拖放图像并彼此自由地更改位置，而不会发生重叠。我正在使用play.grafana.org，但似乎无法解决此问题。 有什么想法吗？

Answer 1

使用新的Angular CDK，这应该很简单。使用CSS flex的wrapper div将使图像浮动在其中。在包含图像的元素上添加cdkDrag可以拖动它们。要重新组织位置，请在放置事件中使用moveItemInArray-function。

CDK提供了一些您可以遵循的示例，我想这几乎是您所寻找的。