title: How to handle "single click" and "double click" on the same html DOM element using typescript:Angular 2 or 4?
body: <p>My issue is, the methods used for both the events is getting triggered when I perform "double click"</p>
  
  <p>For example, I need to perform specific functionality when specific event is triggered.</p>
  
  <pre><code>&lt;a (click)="method1()" (dblclick)="method2()"&gt;
  </code></pre>
  
  <p></p>
  
  <p>Both <code>method1()</code> and <code>method2()</code> are getting triggered when I perform "double click". </p>