title: Conditionally apply click event in Angular 4
body: <p>Is it possible to define a condition in the template based on which a click handler is attached?</p>
  
  <p>For instance, the closest I can get is evaluating a condition at the entry of the click method. </p>
  
  <pre><code>&lt;a class='user' (click)=" isOverflown? menu.toggle($event): '' "&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Is there a way in which I can avoid binding to the click event altogether if the flag <code>isOverflown</code> is false?</p>
  
  <p>Also, I dont want to use <code>ng-if</code> on the element and duplicate the template. ie: create one element that has <code>click</code> binding and create another that doesn't,  then show/hide them using <code>ng-if</code>  </p>