如何在Angular 2中为呈现的元素绑定事件侦听器？ [英] How to bind event listener for rendered elements in Angular 2?

问题描述

如何在Angular 2中的渲染元素中绑定事件侦听器？

How can I bind an event listener in rendered elements in Angular 2?

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

I am using Dragula drag and drop library. It creates dynamic HTML but my event is not bound to dynamic HTML elements.

推荐答案

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);
}

这篇关于如何在Angular 2中为呈现的元素绑定事件侦听器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！