Angular 拖放、退出事件、获取移除项的数据
Angular drag and drop, exit event, get data of removed item
我正在尝试使用“cdkDropListExited”事件获取从源列表中删除的项目的值或索引。我确实看到事件被触发，但“event.item.data”一直显示为“未定义”。
当列表项从放置容器移动到另一个列表项时，如何获取它的值或索引。
Demo/Example here
好吧，那只是因为您没有为 cdkDrag 分配任何数据。
查看文档 here 并查找 cdkDragData。
因此，在您的代码中它会像这样：
<div class="example-box" *ngFor="let item of todo" cdkDrag [cdkDragData]="item">{{item}}</div>
我正在尝试使用“cdkDropListExited”事件获取从源列表中删除的项目的值或索引。我确实看到事件被触发，但“event.item.data”一直显示为“未定义”。
当列表项从放置容器移动到另一个列表项时，如何获取它的值或索引。
Demo/Example here
好吧，那只是因为您没有为 cdkDrag 分配任何数据。
查看文档 here 并查找 cdkDragData。
因此，在您的代码中它会像这样：
<div class="example-box" *ngFor="let item of todo" cdkDrag [cdkDragData]="item">{{item}}</div>