событие капли не работает угловое 2

Question

Я создаю компонент загрузки в угловом 2, и я наткнулся на проблему. (drop) Событие не работает. Это моя реализация

<div 
class="input-upload" 
*ngIf="status != 'finished'" 
(drop)="onDrop($event)" 
(dragenter)="dragenter()" 
(dragleave)="dragleave()" 
(dragover)="dragover()" 
[ngClass]="{'drag-over': dragOver | async}" 
> 

onDrop(event: any) { 
event.preventDefault(); 
event.stopPropagation(); 
console.log(event) 
} 

Я что-то не так? Я даже помещаю несуществующую функцию в событие (drop) и угловой не дает ошибки.

Answer 1

AFAIR Вам необходимо позвонить event.preventDefault() в dragOver(event), чтобы сообщить обозревателю, что текущий элемент, зависящий от времени, является допустимым целевым объектом.

Смотрите также https://developer.mozilla.org/en-US/docs/Web/Events/drop

Answer 2

добавить это на DragOver и dragend

возвращение ложным;

@He уже делает то, что вы сказали