AngularJS add two classes and one with conditional

Question

I want to set an span 2 classes and one more with conditionality if item.qty is 0. I have this

<span ng-class="glyphicon,glyphicon-minus,{'notvisible': item.qty  0}"/>

But this dont work..i think this is not the sintax but i havent found anythink.

Pieter Herroelen · Accepted Answer · 2014-04-17 14:56:42Z

9

Why don't you just add those static classes in the usual way and only leave the conditional in an ng-class, like this:

 <span class="glyphicon glyphicon-minus" ng-class="{'notvisible': item.qty==0}"/>

Also, you forgot the compare-operator == (I added it in the above example). If you only want to toggle the visibility of that element with the 'notvisible'-Class, I would even recommend you use the ng-show-Directive like this:

 <span ng-show="item.qty > 0" class="glyphicon glyphicon-minus" />

edited Apr 17, 2014 at 14:56

Pieter Herroelen

6,0862 gold badges33 silver badges37 bronze badges

answered Mar 19, 2014 at 12:07

David Losert

4,8221 gold badge28 silver badges31 bronze badges

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

1 Comment

colymore Over a year ago

With the ng-class of first example works fine. I cant use ng-show because i want to set visibility:hidden for keep the space.. With ng-show it eat the space.

Collectives™ on Stack Overflow

AngularJS add two classes and one with conditional

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related