angular - 如何为 Angular 2 中的渲染元素绑定(bind)事件监听器？

Question

如何在 Angular 2 中的渲染元素中绑定(bind)事件监听器？

我正在使用 Dragula 拖放库。它创建动态 HTML，但我的事件未绑定(bind)到动态 HTML 元素。

Answer 1

import { AfterViewInit, Component, ElementRef} from '@angular/core';

constructor(private elementRef:ElementRef) {}

ngAfterViewInit() {
  this.elementRef.nativeElement.querySelector('my-element')
                                .addEventListener('click', this.onClick.bind(this));
}

onClick(event) {
  console.log(event);
}