AngularJS ng-class Expression Not Working Properly?

Question

I am using ng-repeat to list out the number of home runs vs away run in a simple table. I am applying a class based on which team is winning using the following snippet of code:

  <tr ng-class="{winning : game.linescore.r.home > game.linescore.r.away}">
    <td>{{ game.home_team_name }}</td>
    <td>{{ game.linescore.r.home }}</td>
  </tr>

The code works if the number of home runs is greater than the number of away runs but only if this number is less than 10.

Example:

Works As Expected: 9 > 5

Does Not Work: 11 > 5

I am wondering does anyone know how overcome this issue?

Are your scores numbers or strings? 11 > 5 but '11' < '5' — evsheino
– evsheino, Commented Mar 24, 2017 at 22:51
I am retrieving the data from a JSON API feed so I'd need to convert it to numbers first. Thanks — Eoghan Buckley
– Eoghan Buckley, Commented Mar 24, 2017 at 22:56

evsheino · Accepted Answer · 2017-03-24 22:59:25Z

2

If your values are strings, then it makes sense, as '9' > '5' but '11' < '5'. You'll need to convert to integer with e.g. parseInt.

answered Mar 24, 2017 at 22:59

evsheino

2,30624 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

AngularJS ng-class Expression Not Working Properly?

1 Answer 1

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