拖放到任意位置Angular

Question

我想将所有 Drag 拖放到单个列表的 html 页面上。但是这些 卡片不会相互重叠 并且 重新加载页面卡片后将在新位置看到 （如果拖放）。请告诉我一个解决方案。 N.B: 我已经在这个

上使用了Angular cdk

Answer 1

Angular CDK 非常适合一种特定情况 - 排序列表。如果您想拥有更灵活的东西，我建议您查看第 3 方库，例如 - Gridster。如果拖放是主要功能之一，这可能是您应用程序的坚实背景，因为通常 lib 维护者已经修复了很多错误，如果您决定从头开始实现拖放功能，您可能会遇到这些错误。

如果您想保留 Angular CDK，您必须实现一些复杂的逻辑，并记住您应该将所有内容都作为一组列表。我们希望能够在我们的应用程序中垂直和水平拖放元素，因此我们在一个水平列表中有垂直 CDK 列表。如果我必须用 D'n'D 创建一个新的应用程序，我宁愿不再走这条路。