angular - 使用 Angular 7 Material CDK 拖放

Question

我需要在 Angular 7 中实现拖放。我将有多个容器用于放置。我面临的问题是，如果我将一个项目拖到一个放置容器上，然后放到下面的容器中，它就会被放置在第一个容器本身中。

堆栈闪电战链接：

在上面的示例中，我想将一个项目从To Do移动到Done list 2。但是，如果我将项目拖到 Done list1 上并放入 Done List2 中，它会被拖放到 Done list1 本身。

标签： angulardrag-and-dropangular-materialangular7angular-cdk

Answer 1

我可以通过更改 cdkDropListConnectedTo 属性值来解决这个问题。

演示链接：https ://stackblitz.com/edit/angular-68mqyx-g6s8r4?file=app/cdk-drag-drop-connected-sorting-example.html