ドロップイベントが動作していません。角度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 dragOver(event)にevent.preventDefault()を呼び出して、現在ホバリングされた要素が有効なドロップターゲットであることをブラウザに通知する必要があります。

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

Answer 2

があなたのdragoverでこれを追加して、偽

リターンをdragendイベントも参照してください。

@Heがすでに彼はonDrop` `でそれをやってではなく、`のdragOver（）にされ