title: Disable ng-click on certain conditions of application for all types of element
body: <p>In my application I've binded several elements with ng-click directive like below</p>
  
  <pre><code>&lt;a ng-click="DoSomething()"/&gt;
  &lt;button ng-click="DoSomethingElse()"&gt;xyz&lt;/button&gt;
  &lt;span ng-click="DoSomething()"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Now in my application in certain scenarios I want default behavior of ng-click to happen, but in certain scenarios I want to completely disable the callback function(DoSomething(), DoSomethingElse()..) to be called..</p>
  
  <p>For checking this scenarios I've one scope variable say <code>$scope.IsClickEnable = true/false;</code></p>
  
  <p>So how can I accomplish this kind of behaviour?</p>
  
  <p>I can use ng-disable to disable elements but it will only work on button kind of elements, so that will not work in my scenario</p>
  
  <p>And I can also check conditions in every function call but I want more specific way to accomplish this by overriding ng-click behavior or something..</p>