using ng-class to toggle class

Question

I have a function called isApplication that does a validation on if a certain application is true or false. I want it to display a different bootstrap class depending on the results of the function

I want to use this function to determine which class gets printed on a certain div....for example

html:

<div ng-class="{'col-md-6':isApplication, 'col-md-3':!isApplication}"></div>

it doesnt seem to be working like the way i want it to...am i not using ng-class right?

Have you tried calling the function? { myclass: myFunction() } — Chris Farmer
– Chris Farmer, Commented May 18, 2018 at 17:31
@ChrisFarmer - yes that can be done , but if there are more classes and complex logic then should go for that option — Pranay Rana
– Pranay Rana, Commented May 18, 2018 at 17:53

Pranay Rana · Accepted Answer · 2018-05-18 17:54:06Z

2

can you try like this , make use of ternary operator

ng-class="isApplication ? 'col-md-6' : 'col-md-3'">

edited May 18, 2018 at 17:54

answered May 18, 2018 at 17:33

Pranay Rana

177k37 gold badges244 silver badges267 bronze badges

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

Collectives™ on Stack Overflow

using ng-class to toggle class

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related