Anchor tag disable using ng-class and a condition
<p>I've a table displayed which has <code>count</code> coulmn &amp; this <code>count</code> has <code>&lt;a&gt;</code> tag with href to a page.
I want to show link for all <code>count &gt; 0</code>  and disable for <code>count=0</code>.</p>

<p>I've tried <a href="https://stackoverflow.com/questions/30479105/angularjs-ng-disabled-not-working-for-anchor-tag[LINK]">AngularJS - ng-disabled not working for Anchor tag</a> and came to know that using <code>ng-disabled</code> is of no use.</p>

<p>Using <code>ng-class</code> is gonna help, but I'm not able to specify condition in <code>ng-class</code>.</p>

<p>P.S. I want <code>cursor:not-allowed</code> to be written in <code>ng-class</code> itself. Can't change CSS</p>

<p><strong><em>Here's my HTML Code</em></strong></p>

<pre><code>&lt;tr ng-repeat="service in services"&gt;
    &lt;td&gt;{{$index+1}}&lt;/td&gt;
    &lt;td&gt;{{service.serviceName}}&lt;/td&gt;
    &lt;td&gt;&lt;a href="#/info/{{service.id}}"&gt;{{service.numberOfScenarios}}&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p><code>numberOfScenarios</code> displays <code>count</code>.</p>