Drop-Ereignis funktioniert nicht angular 2

Question

Ich baue Upload-Komponente in angular 2 und stolpere ich in Problem. (drop) Ereignis funktioniert nicht. Dies ist meine Implementierung

<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) 
} 

Mache ich etwas falsch? Ich habe sogar nicht existierende Funktion in (drop) Ereignis und Winkel gibt keinen Fehler.

Answer 1

AFAIR Sie müssen event.preventDefault() in dragOver(event) aufrufen, um den Browser darüber zu informieren, dass das aktuell deaktivierte Element ein gültiges Ablageziel ist.

Siehe auch https://developer.mozilla.org/en-US/docs/Web/Events/drop

Answer 2

diese auf Ihrem dragover- hinzufügen und dragend

return false;

@He bereits tut, was Sie gesagt haben