问题标签 [angulardraganddroplists]

如何从扩展面板拖放元素，即使拖放元素也应显示在扩展面板中。我需要 Angular 7 中的代码。
请帮我解决我的问题

我尝试从列表中拖放元素，但一旦拖动的元素未显示在列表中。

TS

HTML

CSS

实际结果是我可以拖放元素，但一旦删除它们就不会保留在列表中

预期的结果是我需要元素留在后面，即使它被拖放

我有一个使用同一组件中的几个 cdkDropList 元素的示例，但是我重构了代码并注意到将它们移动到不同的组件我的示例停止工作。

这是一个小演示：https ://stackblitz.com/edit/angular-cdk-drag-drop-wkpqst

如果您尝试将一个元素从“待办事项”列表移动到“完成”列表中，您会看到该列表没有像预期的那样以蓝色边框突出显示。

列表是否需要全部在同一个组件中，即相同的范围？

当用户打开页面时，他们会看到一个列表，他们可以通过角度拖放重新排序。问题当然是前端顺序变了，后端顺序没有变。跟踪此列表顺序的最佳方法是什么？这样当用户重新访问时，他们会显示他们离开的顺序

我想在下拉列表中显示访问过的国家（你去过哪里） 如何在我的 Ionic 应用程序中解决这个问题 https://mytopcountries.web.app/tabs/home

我正在使用Angular 拖放 CDK：

我能够将项目从一个容器拖放到另一个容器，反之亦然。现在，我试图不从容器中删除一个丢弃的项目，但它应该被放入另一个容器中。

正如您在图片中看到的，我想将“回家”项目从“待办事项”容器拖到“完成”容器中。

我想在丢弃后保留一个项目。

示例： https ://stackblitz.com/angular/bypeyxpbvxe?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.html

任何帮助，请...

在这个角度拖放示例中，组件只是在移动

但我需要保留原始文件并生成 N 个副本并移动它们。

我需要左侧的测试框并且可以拖动 n 次。例子

我创建了一个可以使用角度 cdkdrag 重新排序的网格，代码如下

和这样的下降功能

它不像我想要的那样工作，当我将 1 号移动到 4 号时，它应该使 1 号在 4 号位置，4 号滑到 3 号，3 号滑到 2 号，2 号滑到 1 号。但是它不像那样工作，如果它是一个像表格一样的列表，它应该工作，但它是一个网格，我不知道会发生什么，我错过了什么吗？

https://stackblitz.com/edit/angular-38vdnx?file=src%2Fapp%2Fapp.component.html

我正在尝试禁用Drop List的“自动排序/移动”动画。我的意思是，给定一个可拖动的垂直列表，当我向下拖动顶部元素时，其他元素明显向上移动。这对于重新排序很酷，但我正在交换。此外，我的可拖动元素与屏幕上的其他元素对齐，因此在拖动过程中，当下拉列表移动其元素时，一切看起来都是倾斜的。

就上下文而言，这是针对 D&D 角色创建者的，其中 6 个统计数据（力量、敏捷、体质、智力、感知和魅力）位于垂直的、不可拖动的行中。数值的拖放列表在它旁边。当我将 Str 分数向下拖动以与 Int 分数交换时，在拖动期间，Dex 分数上升到 Str，Con 上升到 Dex，等等。一切都在下降时自行解决，但我没有想要这种行为。

理想情况下，被拖动的元素会在列表中留下自己的“阴影”，以防止其他元素四处移动，但我会喜欢空白空间、灰色空间或类似的东西。

我见过这种行为，但只是偶然。我认为这与拖动组件（而不是 div）有关，但这似乎更像是一个错误而不是一个功能。

有没有办法防止下拉列表元素在拖动过程中移动？