title: How to add click event in dynamic HTML in ionic 4?
body: <p>I have added one item using <strong>JQuery</strong> but i want to add click event to remove this item but click is not triggered,So please help me.</p>
  
  <p>This is my code,</p>
  
  <p>.ts file</p>
  
  <pre><code>addmore() {
      var html = "&lt;ion-item class='Ids" + this.exp + "' style='margin: 15px 10px 0px 10px;'&gt;";
      html += " &lt;ion-label position='floating' style='color: gray !important;'&gt;Experience&lt;/ion-label&gt;";
      html += " &lt;ion-input type='text'&gt;&lt;/ion-input&gt;";
      html += " &lt;ion-icon class='remove' name='remove-circle' slot='end' style='margin-top:12%;font-size:18px;' (click)='removeExp()'&gt;&lt;/ion-icon&gt;";
      html += "&lt;/ion-item&gt;";
      console.log(this.exp);
      $(".experience").append(html);
      this.exp++;
    }
  
  removeExp() {
      console.log("hi");
    }
  </code></pre>