Angular CDK connecting multiple drop zones with cdkDropListConnectedTo
You can now use a global container with cdkDropListGroup attribute, in which all child containers with cdkDropList attribute are linked together, no need to add all the [cdkDropListConnectedTo] stuff
<div cdkDropListGroup>
<div cdkDropList>
<div cdkDrag>Drag Me</div>
</div>
<div cdkDropList>
<div cdkDrag>Drag Me Also</div>
</div>
...
</div>
You can connect to multiple containers, like:
[cdkDropListConnectedTo]="[doneList,doneList1]"
Turns out DragDropscdkDropListConnectedTo
connecting to different dropzones e.g
[cdkDropListConnectedTo]="[inProgress, done]"
Complete example: https://stackblitz.com/edit/angular-mpedfr