html - 如何将点击事件添加到 typescript 中动态添加的html元素

Question

<分区>

Answer 1

Angular 在编译组件时处理模板。以后添加的 HTML 不再编译，绑定(bind)将被忽略。

你可以使用

constructor(private elRef:ElementRef) {}

ngAfterViewInit() {
  // assume dynamic HTML was added before
  this.elRef.nativeElement.querySelector('button').addEventListener('click', this.onClick.bind(this));
}