1

我正在为Angular CDK拖放的以下用例苦苦挣扎:我希望第二个下拉列表在组件加载时是一个包含空元素的数组(因为我希望那里有许多可以被元素替换的占位符从第一个列表中拖动)。

我在这里创建了一个沙箱:https ://codesandbox.io/embed/angular-iiuhq?fontsize=14

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

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

另外,我知道该*cdkDragPlaceholder指令,但对我来说,如何在其中一个下拉列表中使用它并使占位符始终可见(因此不仅在拖动事件开始时),我并不明显。

4

1 回答 1

0

我对每个元素使用一个 cdkDropList 来执行类似任务:stackBlitz

于 2020-01-27T15:25:31.883 回答