Set Class if json Array is 0 [duplicate]

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: <li ng-class="{'is-zero': account.newPms == 0}"> See also the has-error example in the documentation. — T.J. Crowder
– T.J. Crowder, Commented Jun 23, 2016 at 15:25
Thanks alot for this short and exact answere! This will helps me alot. — Sven Budak
– Sven Budak, Commented Jun 23, 2016 at 15:29

Mukul Garg · Accepted Answer · 2016-06-23 15:27:36Z

-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, 2016 at 15:27

Mukul Garg

10212 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1