title: Add click event to image in Angular 4
body: <p>I need to add a click event to image in angular component. 
  I tried:</p>
  
  <pre><code>&lt;img src="../../assets/add.svg" width="18" height="18" (click)="addItem()"&gt; 
  </code></pre>
  
  <p>but this does not work. If put image inside button like this:</p>
  
  <pre><code>&lt;button type="button" class="btn_img" (click)="addItem()"&gt;
    &lt;img src="../../assets/add.svg" width="18" height="18"&gt; 
   &lt;/button&gt;
  </code></pre>
  
  <p>It looks like a button with an image inside, I do not want this, I want it to look like: </p>
  
  <pre><code>&lt;img src="../../assets/add.svg" width="18" height="18"&gt; 
  </code></pre>
  
  <p>but that works like: </p>
  
  <pre><code>&lt;button type="button" class="btn_img" (click)="addItem()"&gt;
    &lt;img src="../../assets/add.svg" width="18" height="18"&gt; 
   &lt;/button&gt;
  </code></pre>
  
  <p>How I can get this, how do you do this in angular?</p>