Add multiple condition in the ng-style

Question

I need to add multiple condition in the ng-style. How can I do this?

I tried below code but it is not working.

ng-style="ifTrue?'opacity:1;' : 'ifTrue? 'opacity: 1;': 'opacity: 0.5;''"

Answer 1

You can simply separate your conditions with ",". Something like this:

ng-style="{ 'background-color': '#ff0', color: 'red' }"

See this example: http://jsbin.com/fabisepede/edit?html,output

---

Always remember to put quotes on "dashed" word ('background-color').

For the value you can also use variables defined in your controller and assign the style conditionally, but for that i prefer ng-class.

Answer 2

You could use something like

ng-style="condition && { /*properties*/ } || condition2 && { /*other properties*/ }"