Невозможно динамически прикрепить событие для Angular draggable-droppable

Question

@Directive({
    selector:'[CustomDir]'
})
export class CustomDir {
        constructor(private renderer: Renderer2, private el: ElementRef) {
        }

        ngAfterViewInit() {
            this.el.nativeElement.children[0].ondragend =  function($e){
                alert()
            }
        }
    }

Я пытаюсь добавить ondragend & ondragstart события, но это не работает, тогда как событие click работает.

Я использую пакет npm https://www.npmjs.com/package/angular-draggable-droppable