Angular 6 Click Event on document.getElementsByClassName liv

Question

我有一个[innerHtml]，其中包含几个类，我想将点击事件添加到：

...
inner = server.getInnerHtml();
ngAfterViewInit(){
var els = document.getElementsByClassName("highlight"); //I want all the html elements with class ".highlight"
console.log(els.length); //its 0!!!
Array.from(els).forEach( el =>{
console.log(el)
});
console.log(els); //this prints fine, i guess since live collection
}

<div [innerHtml]="inner | safeHtml"></div>

在 Angular 中加载实时集合后，如何向元素数组中的每个元素添加点击事件侦听器？ 有没有办法通过使集合成为可观察的集合来做到这一点？

谢谢

Answer 1

下面是 stackblitz 代码，它侦听包含类名 'highlight' 的 document.element 的点击事件。

https://stackblitz.com/edit/angular-jgeapi