“Event”类型的参数不可分配给“CdkDragMove<any>”类型的参数

Question

我试图获取可拖动元素移动时的位置，但找不到任何与 CdkDragMove 配合使用的属性。

HTML模板

<div
  cdkDropList
  [cdkDropListData]="day.lunch"
  [cdkDropListConnectedTo]="dropTargetIds"
  class="example-list"
  (cdkDropListDropped)="drop($event)"
  (cdkDragMoved)="dragMoved($event)" // <--- Error (see below)
  >
    //Actual content
  </div>

打字稿

dragMoved(event:CdkDragMove<any>){
    // get PosX & PosY
  }
  drop(event: CdkDragDrop<Recipe[]>) {
    // other stuff
  }

我收到此错误：

“Event”类型的参数不可分配给“CdkDragMove”类型的参数。类型“Event”缺少类型“CdkDragMove”中的以下属性：source、pointerPosition、event、distance、deltangtsc

我也尝试使用 DragMoved 而不是 $event 但后来我得到了这个

“(event: CdkDragMove) => void”类型的参数不可分配给“CdkDragMove”类型的参数。类型“(event: CdkDragMove) => void”缺少类型“CdkDragMove”中的以下属性：源、pointerPosition、事件、距离、增量

我无法理解这个问题，因为该事件正在处理 drop 函数。有任何想法吗？

Answer 1

当我无法将其导入DragDropModule到我的模块中时，我收到了此错误。

import { DragDropModule } from '@angular/cdk/drag-drop';