html - Anchor tag disable using ng-class and a condition -

i've table displayed has count coulmn & count has <a> tag href page. want show link count > 0 , disable count=0.

i've tried angularjs - ng-disabled not working anchor tag , came know using ng-disabled of no use.

using ng-class gonna help, i'm not able specify condition in ng-class.

p.s. want cursor:not-allowed written in ng-class itself. can't change css

here's html code

<tr ng-repeat="service in services">     <td>{{$index+1}}</td>     <td>{{service.servicename}}</td>     <td><a href="#/info/{{service.id}}">{{service.numberofscenarios}}</a></td> </tr> 

numberofscenarios displays count.

if want show basic information, use ng-show.

if want apply classes use ng-class. cursor:not-allowed css, if have on class apply ng-class="{'yourclassname':angular-condition}"

you use this:

<td>     <a ng-href="#/info/{{service.id}}" ng-show="service.numberofscenarios > 0"><span ng-bind="service.numberofscenarios></span></a> </td> 

the link won't show service.numberofscenarios === 0. there should no need add css then.

update:

<td>     <a ng-href="#/info/{{service.id}}" ng-show="service.numberofscenarios > 0">         <span ng-bind="service.numberofscenarios"></span>     </a>     <span ng-show="service.numberofscenarios === 0" ng-bind="service.numberofscenarios" style="cursor:not-allowed;"></span> </td>