我如何才能在元形拖放中获取被拖动的项目数据

时间:2019-10-02 18:02:17

标签: angular angular-material

我正在学习有角度的东西。我的第一个应用是todolist。我正在尝试通过使用nodejs和mongodb进行开发。有三个容器,例如待办事项和完成事项。当我将一个项目从待办事项拖到待办事项时,我想处理它的ID。我该怎么办?

      drop(event: CdkDragDrop<string[]>) {
        if (event.previousContainer === event.container) {
          moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
        } else {
          transferArrayItem(event.previousContainer.data,
                            event.container.data,
                            event.previousIndex,
                            event.currentIndex);
        }

              ///TODO handle dragged item id,title or someinformation


      }

1 个答案:

答案 0 :(得分:1)

您可以像这样将数据传递到可拖动山墙项目:

<div cdkDrag [cdkDragData]="todo" *ngFor="let todo of todos"></div>

数据,在这种情况下,您的待办事项将在事件对象中可用。

drop(event: CdkDragDrop<string[]>) {
  console.log(event.item.data);
}