使用Angular 7 Material CDK拖放

Question

我需要實現角度7中的拖放。我將有多個容器用於放置。 我面臨的問題是，如果我將一個項目拖到一個放置容器上，然后放到下面的容器中，它將被放置在第一個容器本身中。

stackblitz鏈接：

在上面的示例中，我要將項目從“待辦事項”移至“完成”列表2 。 但是，如果我將項目拖到“完成”列表1上並放入“完成”列表2，它會被拖放到“完成”列表1本身。

Answer 1

我可以通過更改cdkDropListConnectedTo屬性值來解決此問題。

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