使用Angular 7 Material CDK拖放

时间:2018-12-04 11:56:00

标签: angular drag-and-drop angular-material angular7 angular-cdk

我需要实现角度7中的拖放。 我将放多个容器。我面临的问题是,如果我将一个项目拖到一个放置容器上,然后放到下面的容器中,它将被放置在第一个容器中。

stackblitz link:

在上面的示例中,我要将项目从待办事项移至完成列表2 。 但是,如果我将项目拖到“完成列表” 1上并放到“完成列表2”中,它会被拖放到“完成列表1”本身。

1 个答案:

答案 0 :(得分:0)

我能够通过更改cdkDropListConnectedTo属性值来解决此问题。

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