drop event not working angular 2

You need to call event.preventDefault() in dragOver(event) to inform the browser that the currently hovered element is a valid drop target.

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

add this on your dragover and dragend

return false;

@He is already doing what you said