Drag Drop CDK:在起始列表中继续显示拖动的元素

Fed*_*one 13 javascript drag-and-drop angular

我正在玩 cdk 拖放,因为我需要它来创建工作的 POC。我从文档网站上的这段代码开始。我看到每次我将一个元素拖到它的列表之外时,该元素都会被隐藏,直到我把它放到同一个列表或另一个列表中。

所以告诉我如果我错了,但似乎被拖动的元素不是列表项的副本,而是元素本身。

总之,我希望列表在拖动其中一个元素时不更改其布局。

长话短说:

当前行为 在此处输入图片说明

预期行为 在此处输入图片说明

我在 cdk 文档中没有找到任何可以执行此操作的内容。

And*_*ico 3

在你的 stackblitz 中改变cdk-drag-drop-connected-sorting-example.css

改变

.cdk-drag-placeholder {
  opacity: 0;
}
Run Code Online (Sandbox Code Playgroud)

进入:(或者只是将其删除)

.cdk-drag-placeholder {
  /* opacity: 0; */
}
Run Code Online (Sandbox Code Playgroud)

事实上它消失是由于占位符的 CSS 样式造成的。


如果您想禁用排序。看看这里!

  • 这不会阻止项目在拖动到拖放区域后被删除。它只是让它充分显示直到那一点。 (3认同)
  • @Ulfius我正在寻找一种解决方案,其中原始元素始终存在并且在位于拖放区时不会消失,您知道如何做到这一点吗?我似乎找不到解决这个问题的人 (2认同)