问题标签 [angular-cdk-drag-drop]

角度材料的新手，试图解决客户的要求。我找到了一个与此链接的要求相似的示例。

请参阅 stackblitz 示例

**在示例中，拖放工作正常，外部列表到内部列表和内部外部列表情况。但是内部列表中的排序不起作用。

例如，我想直接在“刷牙”项目之前拖动项目“Walk Dog”。它需要拖动外部列表，然后只有我可以将它拖动到那里。有可能让它工作吗？如果是的话怎么做。**

提前致谢

我在将 cdk 拖放功能与 cdkScrollable 容器一起使用时遇到问题，该容器包含在带有元素的encapsulation: ViewEncapsulation.ShadowDom元素中。

当被拖动元素导致列表滚动时，滚动偏移量不会添加到被拖动元素定位中。

wrapper.component.html

app.component.html

app.component.css

现在，当我注释掉<wrapper></wrapper>一切都按预期工作。拖动cdkDrag滚动时效果很好。

有没有什么办法解决这一问题？正如我在它中看到的那样，ScrollDispatcher它注入DOCUMENT并将其用作滚动计算的根。这可能是问题的根源吗？

我正在使用 Angular 12 拖放将 mat-list-item 移动到另一个组件中的“dropzone”（cdkDropList）。

当我将项目拖到下拉列表上时，下拉列表会展开，好像为项目腾出空间。由于这不是真正的列表，因此这种行为是不可取的。我怎样才能阻止它扩大？

如果它不在两个不可拖动的项目之间，我想禁用它，这两个项目基本上是开始和结束。我知道我需要使用 cdkDropListSortPredicate 但我不知道如何很好地调节它。例如看这张图片

有人可以帮忙吗？

我想创建一个看板，每个成员都有一个任务，任务可以有一个状态=“Todo”，“In Progress”和“Done”。我只能水平拖放，但不能垂直拖放。如何使拖放垂直工作？

结果： 图像

最近，我正在研究一种方案，该方案允许用户将项目从一个容器拖到放置区域以存储项目。这将是一种类似于 draw.io 的方式。

但是，cdkDropList 中的项目是粘性的。它不能四处走动。

更新于 06/26-02:25 感谢@FunkMonkey33 的回复

下面的代码是我的dragHandler，显然它将原始项目从其容器复制到目标容器。

我已经为我的 Angular Material Table 实现了 CdkDrag，每个 mat-cell 都是一个输入（mat-form-field）。

关键是将一个单元格复制到另一个单元格。功能通过 cdkDropListEntered 发射器工作和完成。但是，我正在尝试使用属性 CdkDragPreview 和 CdkDragPlacholder。这些需要在 cdkDrag 内，但是由于它是输入并且没有结束标记，因此我无法放置 cdkDragPreview 元素（不会显示）。试图将 cdkDrag 属性放在 mat-form-field 中，但是拖放根本不起作用。

总体要点是将拖动的 mat-cell 视觉保持在同一个单元格中，而不是显示拖动动画。谢谢。

我有一个div有时需要可拖动，有时不需要，现在它已cdkDrag默认分配，当我不需要它可拖动时会引起一些问题。

是否可以从 div 动态添加和 rmeove cdkDrag？

就像是：

两个元素列表。用户可以从第一个列表中将元素拖到第二个列表中，也可以在第二个列表中移动元素。他不能将元素拖放到第一个列表中。

我该怎么做？

我正在尝试使用ngb-accordion拖放支持创建手风琴cdkdrag，

但是当我使用 <ngb-panel *ngFor="let content of children; let i = index" cdkDrag [cdkDragData]="content">

我的拖放没有任何反应，然后我尝试将 cdkdrag 移入

这会创建拖放功能，但是，当拖动一些卡片标题并尝试将鼠标悬停到其他 ngbPanelHeader 时，视图排序不好并且目的地消失了。我认为它是 ngb-panel 创建的结构，div class="card"我尝试将元素拖到里面div class="card-title

有没有人已经成功地创建了支持拖放的 ngb 手风琴？