如何使用jQuery在Angular 5上触发点击事件

时间:2018-09-28 06:49:09

标签: javascript jquery angular typescript

我想基于每个元素click触发id事件,但是它不起作用。

这是我的代码:

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');
          })
        });
      });
    });
}

我在这里想念什么?谢谢。

1 个答案:

答案 0 :(得分:1)

成角度的方式应该是这样的:

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

然后

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