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

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

推荐答案

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相关问答推荐

如何避免使用CSS动画制作的幻灯片中闪烁?

我们应该在Angular 从14升级到15的过程中也升级茉莉花和业力相关的依赖吗?

如何将管道异步化添加到不在html模板中的观察对象的Angular ?

NG-BOOTSTRAPP SCROLLESPY没有高度就不能工作?

在Cypress中,对xlsx文件的读取并不总是正确的

Angular 17-getEnvironment InjectorProviders出现异常

Ngrx Select 器返回部分对象

无法创建新的 Ionic 项目

Router.navigate() 在功能拦截器内不起作用

RxJS如何按顺序进行POST请求,只有在前一个完成后才会触发新的请求?

从组件调用时服务中的 AddTodo 方法不起作用

NgRx Effects 抛出类型错误,我不知道发生了什么

PrimeNG:如何以编程方式更改分页器中的选定页面?

Summernote 文本区域的输入字段文本验证失败

将 html ngModel 值传递给服务Angular

Angular2 路由 VS ui-router-ng2 VS ngrx 路由

如何将新的 FormGroup 或 FormControl 添加到表单

Angular 2: Debounce(ngModelChange)?

Angular 没有可用于依赖类型的模块工厂:ContextElementDependency

Angular Material2 主题 - 如何设置应用程序背景?