'Angular drag and drop, exit event, get data of removed item

I'm trying to get value or index of the item removed from the source list using the "cdkDropListExited" event. I do see the event getting fired but the "event.item.data" keeps coming as "undefined".

How can I get the value or index of a list item as soon as it is moved from a drop container into another one.

Demo/Example here



Solution 1:[1]

Well, that is simply beause you're not assigning any data to you cdkDrag.

Take a look at the docs here and look for cdkDragData.

So, in your code it would like this:

<div class="example-box" *ngFor="let item of todo" cdkDrag [cdkDragData]="item">{{item}}</div>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 TotallyNewb