Событие сброса не работает angular 2

Я создаю компонент загрузки в angular 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), а angular не дает ошибок.

Ответ 1

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

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

Ответ 2

добавьте это на свой dragover и dragend

return false;

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