drop event not working angular 2
<p>I'm building upload component in angular 2 and i stumble into problem. <code>(drop)</code> event is not working. This is my implementation</p>

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

onDrop(event: any) {
event.preventDefault();
event.stopPropagation();
console.log(event)
}
</code></pre>

<p>Am i doing something wrong? I even put non existing function in <code>(drop)</code> event and angular is not giving error.</p>