What to use to set styling dynamically in Angular?

Question

I started working with angular and creating my "little" project. I came up to templating issue.

Basically, I try to set colour for elements dynamically with angular. I can't figure out what would be the best and the "right" way to do it.

Is it ok to use if statements in scope? Or better use directive?

My main goal is to be able to set colors from admin mode to toolbar and their icons.

Thank you for answers.

I would suggest you to go with ng-class, you don't need to anything in your controller and stuff with that so the code will be cleaner. I am sorry for not reading your question properly. — Gandalf the White, Jan 15 '16 at 22:28

score 0 · Answer 1 · answered Jan 15 '16 at 22:23

https://docs.angularjs.org/api/ng/directive/ngClass

You can use ngClass with any expression.

If what you are after is coloring odd/even rows of a table, you could also use

https://docs.angularjs.org/api/ng/directive/ngClassOdd https://docs.angularjs.org/api/ng/directive/ngClassEven

score 0 · Answer 2 · answered Jan 15 '16 at 22:39

0

An example of ng-class

      <div ng-class="{'a-class': !if.someObjects.variable.negativeReponse,
                      'b-class': some.methodsResponse()
                      }" >

answered Jan 15 '16 at 22:39

Lucas

9,871
5
42
52

What to use to set styling dynamically in Angular?

2 Answers2