angular - 允许在 cdkDropList 中水平定位

Question

在我的应用程序中，我有多行，在这些行中是可以在行之间拖动的“块”，它们可以完美地工作。
但是，除了在行之间拖动之外，我还希望能够自由地水平放置它们。

添加时cdkDropListGroup和 cdkDroplist ，所有元素自动左对齐。
例如;我希望蓝色的“块”从紫色的“块”开始使用 cdkDragDrop .

Answer 1

不幸的是，使用 cdkDropListGroup 无法做到这一点。 . documentation特别声明元素不能在 cdkDropList 中自由拖动.

When outside of a cdkDropList element, draggable elements can be freely moved around the page.

您可以使用 cdkDragFreeDragPosition 设置初始值并使用 (cdkDragEnded) 将对象捕捉到网格事件。