Set Class if json Array is 0

Question

I try to build a User bar like in Facebook "New Friend Requests" ore "New Pms"

This is now my HTML Template Code:

<li class="icon-element pms">
    <div class="icon" ng-include="iconPm"></div>
    <span class="counter">{{account.newPms}}</span>
</li>

In the span is {{account.newPms}} this can be 0. If it is 0, then i want to set a class in the li namend "is-zero"

I found some in other topics like:

<li ng-if="account.newPms == '0'></li>

but how i can set the class in the li if it is 0?

best regards!

Note that because your class has a `-` in it, you need to put the name in quotes, which they didn't have to do in the linked question because the name was `test` and so they didn't need them: `
Thanks alot for this short and exact answere! This will helps me alot. — Sven Budak, Jun 23 '16 at 15:29

score -2 · Answer 1 · answered Jun 23 '16 at 15:27

-2

Try using ng-class. This allow to apply class on certain condition. For example ng-class='{"is-zero":account.newPms==0"}'

answered Jun 23 '16 at 15:27

Mukul Garg

1 Answers1