title: How can I make an image link unclickable using AngularJS?
body: <p>I have an image that has an action associated with it (using ng-click):</p>
  
  <pre><code>   &lt;a href="#" ng-click="doSomething($event)"&gt;
         &lt;img src="myImage.png"&gt;
     &lt;/a&gt;
  </code></pre>
  
  <p>Under some circumstances, I would like it to be unclickable (and greyed out, but I can worry about that after).  Essentially the equivalent of using ng-disabled/enabled (which won't work, since disabled isn't a property of anchor elements).  Like this (substituting a more complicated expression for the "true"):</p>
  
  <pre><code> &lt;a href="#" ng-click="doSomething($event)" ng-disabled="true"&gt;
         &lt;img src="myImage.png"&gt;
     &lt;/a&gt;
  </code></pre>
  
  <p>Is there any way to do this?</p>