AngularJS ng-style with a conditional expression

Question

I am handling my issue like this:

ng-style="{ width: getTheValue() }"

But to avoid having this function on the controller side, I would much prefer to do something like this:

ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }"

How can I do this?

Answer 1

For AngularJs ng-style with a conditional expression, you can use the below-mentioned code:-

.largeWidth {

 width: 100%; 

} 

.smallWidth { 

width: 0%; 

} 

ng-class="{largeWidth: myVar == 'ok',smallWidth: myVar != 'ok'}"