title: How to prevent an a element's click event what bind by angular?
body: <p>I have an a element like this</p>
  
  <pre><code>&lt;a class='btn' ng-click="alert('clicked')"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>in js</p>
  
  <pre><code>$scope.alert=(item)=&gt;{alert(item)};
  </code></pre>
  
  <p>I had tested use ng-disabled but dose not work.
  this is my html
  <img src="https://i.stack.imgur.com/ULaXB.png" alt="this is my html">
  this is my directive
  <img src="https://i.stack.imgur.com/qfA31.png" alt="this is my directive"></p>
  
  <p><strong>I have many a element in my project  so I want to write a directive like ng-disable how to write it?</strong></p>