AngularJS ng-class expression throwing error

Question

I can't make this work, any idea what I'm missing?

<li ng-repeat="person in persons" ng-class="selected:currentPersonID===person.id">

Displaying currentPersonID and person.id shows the appropriate data, but I get an Angular parse error with that expression.

D.Evangelista · Accepted Answer · 2013-11-19 17:10:43Z

6

You should write

<li ng-repeat="person in persons" ng-class="{'selected': currentPersonID === person.id}">

The ngClassdocs says:

<ANY ng-class="{expression}">
   ...
</ANY>

The curly braces are necessary there.

The single quotes are documented in a comment on the same page (I know, should be on the official docs, but...)

edited Nov 19, 2013 at 17:10

answered Nov 19, 2013 at 15:21

D.Evangelista

6,5511 gold badge28 silver badges33 bronze badges

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

3 Comments

arne Over a year ago

Please expand a little more on why your solution is correct while the op's is not.

D.Evangelista Over a year ago

@arne I wish I could explain more, but its really straightforward. The curly braces are on docs while the single quote are documented in a comment (yeah, I know) on the same documentation.

arne Over a year ago

You could have written exactly that in your answer, together with a link to the documentation.

AlwaysALearner · Accepted Answer · 2013-11-19 15:19:52Z

1

The ngClass directive accepts a map of class names to boolean values. You 're missing the curly braces:

<li ng-repeat="person in persons" ng-class="{selected : currentPersonID === 
person.id}">

answered Nov 19, 2013 at 15:19

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

Collectives™ on Stack Overflow

AngularJS ng-class expression throwing error

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related