title: How to trigger click event on angular 5 with Jquery
body: <p>I want to trigger <code>click</code> event based on each element <code>id</code> but it is not working.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>ngOnInit() {
    this.getProductsLists();
  }
  
  getProductsLists() {
    this.supplierService.getProductLists()
      .subscribe(data =&gt; {
        this.productData = data;
        this.productData.forEach((value) =&gt; {
          value.prodCategoryChild.forEach((element) =&gt; {
            $('#prod' + element.id).click(() =&gt; {
              alert('This is not working');
            })
          });
        });
      });
  }
  </code></pre>
  
  <p>What am I missing here? Thanks.</p>