使用@angular/cdk/拖放时触发dragOver事件

使用@angular/cdk/拖放时触发dragOver事件,angular,angular-material,drag-and-drop,Angular,Angular Material,Drag And Drop,我在我的应用程序中使用@angular/cdk/拖放模块。拖放工作和预期一样,但我想在拖放项位于拖放区域顶部时执行一些操作 我尝试了这段代码,但似乎没有调用onDragOver方法 <div cdkDropList> <span (dragover)="onDragOver($event)">...</span> <div> onDragOver($event){ console.log('ondragover

我在我的应用程序中使用
@angular/cdk/拖放
模块。拖放工作和预期一样,但我想在拖放项位于拖放区域顶部时执行一些操作

我尝试了这段代码,但似乎没有调用
onDragOver
方法

<div cdkDropList>
    <span (dragover)="onDragOver($event)">...</span>
<div>

onDragOver($event){
    console.log('ondragover');
}

...
onDragOver($活动){
console.log('ondragover');
}

@angular/cdk/drag-drop
中是否有任何内置方式来实现此目的?

从文档中,这是
CdkDropList
的可用事件:(所有这些事件都是
output()EventEmitter

@输出('cdkDropListDropped')已删除- 当用户将项目放入容器中时发出

@输入输出(“CDKDROPLISTED”)- 当用户将新的拖动项移动到此容器中时发出

@输出(“cdkdroplisted”)已退出- 当用户通过拖动从容器中移除项目时发出 放入另一个容器中

@已排序的输出('cdkDropListSorted')- 当用户在主动拖动的同时交换项目时发出


从文档中,这是
CdkDropList
的可用事件:(所有这些事件都是
output()EventEmitter

@输出('cdkDropListDropped')已删除- 当用户将项目放入容器中时发出

@输入输出(“CDKDROPLISTED”)- 当用户将新的拖动项移动到此容器中时发出

@输出(“cdkdroplisted”)已退出- 当用户通过拖动从容器中移除项目时发出 放入另一个容器中

@已排序的输出('cdkDropListSorted')- 当用户在主动拖动的同时交换项目时发出