使用@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')-
当用户在主动拖动的同时交换项目时发出