angular - 如何检测角度 6 中动态添加的元素的点击事件

Question

我想附加点击事件以动态添加 li 标签我也尝试了渲染器，

 const classArr: any = document.querySelectorAll('.highlight');
    classArr.forEach(element=>{
      this.render.listen(element, 'click', (target)=>{
        console.log('clicked', target);
      })
    });

但它不适用于动态元素。

请帮忙。

Answer 1

use event binding

    <ul>
  <li*ngFor="let i of slectedproduct"; let i = index>
    <span (click)="show(i)">{{slectedproduct.name}}</span>
  </li>
</ul>
 
binding and calling`

`selectedevent;
show(ind){
this.selectedevent = this.selectedproduct[ind];
}