Angular 角度CDK拖放，其中一个拖放列表中有占位符

我正在努力解决角度CDK拖放的以下用例：我希望第二个拖放列表在加载组件时是一个包含空元素的数组（因为我希望其中有许多占位符，可以由从第一个列表拖动的元素替换）

我在这里创建了一个沙盒：

我认为代码可以作为想法（尽管由于某些原因，我无法让它在沙箱中工作）。唯一的问题是，拖拽是超级不自然和起伏的。我希望占位符保持可见，直到我将元素拖到它上面，然后消失在拖到的元素下面。现在，被拖动的元素似乎左右或上下推其他元素，然后其中一个占位符消失

也许你们有一个我没想到的更好的方法

---

此外，我知道

*cdkdragpocholder

指令，但我不清楚如何在其中一个下拉列表中使用它，并使占位符始终可见（因此不仅仅是在拖动事件开始时）.

我在模拟任务中为每个元素使用了一个cdkDropList:

我在模拟任务中为每个元素使用了一个cdkDropList:

最后我也这样做了。您的示例不起作用，BTW感谢您的测试）它起作用了它只需要>1430px的浏览器窗口。最后我也这么做了。您的示例不起作用，BTW感谢您的测试）它起作用了它只需要>1430px的浏览器窗口。