what is better angular directive or css selector?

Question

I'm learning angular and I'm testing the directive ngClass. With ngClass I can do something like that:

<li ng-repeat="language in languages" ng-class="{line:$even}">{{language}}</li>

But I can also do this with the css selectors:

li:nth-child(even) {
   // some css code here
}

What is better?

What is "this" that you're doing that can somehow be done using either approach? — BoltClock
– BoltClock, Commented Feb 9, 2015 at 12:06
you need javascript enabled to show ng-class="{line:$even}. The css approach does not need javascript; thats the difference. — kasper Taeymans
– kasper Taeymans, Commented Feb 9, 2015 at 12:09
Better? In what way? Better is a very broad term and will most likely depend on what you're trying to do as a whole, what your project is based on, etc... — Novocaine
– Novocaine, Commented Feb 9, 2015 at 12:12

dfsq · Accepted Answer · 2015-02-09 12:10:08Z

2

First of all two cases are not equivalent. But if what you are looking is a way to style even/odd elements, then without any doubt: you should use CSS to do CSS job, not javascript. Using javascript to add class names is possible but if it's not important to have actual class names on elements then sticking to :nth-child approach is preferred in this case.

Two main benefits of pure CSS way:

Avoiding additional watchers Angular would have to set for data binding.
Performance and cleaner HTML code.

answered Feb 9, 2015 at 12:10

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

1 Comment

Alessander Franca Over a year ago

Thank you, i was looking for a answer like.

idan · Accepted Answer · 2015-02-09 12:09:13Z

1

I see ng-class as a visual port of some property of the model. It is not intended just for styling, but can offer it.
IMO it is always best to do as much as you can using standards, that way you're less dependent on others.
There are plenty other reasons why using CSS is better, like: performance, less error prone, less dependent etc.

answered Feb 9, 2015 at 12:09

idan

4844 silver badges11 bronze badges

Collectives™ on Stack Overflow

what is better angular directive or css selector?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related