Pass a class name in AngularJS with ng-class

Question

I have:

<tr ng-class="{{line.color}}" ng-repeat="line in gameRank | orderBy: sortType: sortReverse">
    <td>{{$index + 1}}</td>
    <td>{{line.username}}</td>
    <td>{{line.games}}</td>
    <td>{{line.winners}}</td>
</tr>

When I open debugger I see:

<tr class="ng-scope" ng-class="BLUE" ng-repeat="line in gameRank | orderBy: sortType: sortReverse">
    <td class="ng-binding">1</td>
    <td class="ng-binding">Admin</td>
    <td class="ng-binding">0</td>
    <td class="ng-binding">0</td>
</tr>

So, my class BLUE is not applied to my element.

How can I fix it?

ng-class="{{line.color}}" --> ng-class="line.color"

Fissio
– Fissio

2017-02-02 11:20:23 +00:00
Commented Feb 2, 2017 at 11:20 — Fissio
– Fissio, Commented Feb 2, 2017 at 11:20

Mistalis · Accepted Answer · 2017-02-03 08:07:02Z

2

It should be

<tr ng-class="line.color" ...>

Instead of

<tr ng-class="{{line.color}}" ...>

JSFiddle demo

edited Feb 3, 2017 at 8:07

answered Feb 2, 2017 at 11:21

Mistalis

18.3k14 gold badges78 silver badges97 bronze badges

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

Collectives™ on Stack Overflow

Pass a class name in AngularJS with ng-class

1 Answer 1

JSFiddle demo

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related