javascript - 如何使用 Jquery 在 angular 5 上触发点击事件

Question

我想根据每个元素 id 触发 click 事件，但它不起作用。

这是我的代码:

ngOnInit() {
  this.getProductsLists();
}

getProductsLists() {
  this.supplierService.getProductLists()
    .subscribe(data => {
      this.productData = data;
      this.productData.forEach((value) => {
        value.prodCategoryChild.forEach((element) => {
          $('#prod' + element.id).click(() => {
            alert('This is not working');
          })
        });
      });
    });
}

我在这里错过了什么？谢谢。

Answer 1

Angular 的方式应该是这样的:

<div-or-whatever (click)="clickHandler(prod.id)" *ngFor="let prod of productData" >{{ prod.label }}</div-or-whatever>

然后

clickHandler(id) {
    alert(`Clicked prod ${id}`);
}