title: (click) event not work in innerHtml string Angular 4
body: <p>My function isn't called when I click the <code>&lt;a...</code> tag.</p>
  
  <p>I have the following code in my component:</p>
  
  <pre><code>public htmlstr: string;
  public idUser:number;
  
  this.idUser = 1;
  this.htmlstr = `&lt;a (click)="delete(idUser)"&gt;${idUser}&lt;/a&gt;`;
  
  public delete(idUser){
      alert("id " + idUser);
  }
  </code></pre>
  
  <p>My html</p>
  
  <pre><code>&lt;div [innerHTML]="htmlstr"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>but the function <code>delete</code> isn't called and does not show the alert.</p>
  
  <p>The <code>&lt;div...</code> is created dynamically</p>