Issue
I need to create a simple agile board interface with Drag And Drop like Jira or Trello boards
The red lines show the current flow
The blue shows the flow which I would like to implement
I have three columns named “To Do”, “In Progress” and “Done”. Currently, I can drag an item from To Do to In Progress, from In Progress to Done, and from Done back to To do using cdkDropListConnectedTo.
What I want to know is how can I move the item from one board to another. For an example, “Done” to “To Do” and “In Progress”, “In Progress” to both “Done” and “To Do” and from “Done” to both “In Progress” and “To Do”.
The first thing which I thought of was passing multiple references to cdkDropListConnectedTo but that did not work.
Here is what I have written so far:
https://stackblitz.com/edit/angular-mpedfr?file=src%2Fapp%2Fapp.component.html
Solution
Turns out DragDropscdkDropListConnectedTo connecting to different dropzones e.g
[cdkDropListConnectedTo]="[inProgress, done]"
Complete example: https://stackblitz.com/edit/angular-mpedfr