применить ngClass к элементу, где объявлен ngRepeat

Question

У меня есть таблица, где строки генерируются с помощью AngularJS ngRpeat:

<tr ng-repeat="player in division"> 
    <td>{{player.name}}</td> 
    <td>{{player.score}}</td> 
</tr> 

массив выглядит немного как это:

$scope.divison = [ 
    { 
    name: "John Doe", 
    score: "10", 
    goingUp : true 
    }, 
    { 
    name: "Bob Marley", 
    score: "20" 
    } 
]; 

Теперь, если я хотел применить ng-class к строке таблицы, основываясь на этом ng-repeat? Я бы это сделал, хотя это могло бы работать:

<tr ng-repeat="player in division" ng-class="'goingUp' : player.goingUp"> 
    <td>{{player.name}}</td> 
    <td>{{player.score}}</td> 
</tr> 

Увы, это не работает. Вероятно, потому что ng-класс не сидит внутри этого элемента повтора. Как я могу получить эту работу?

Answer 1

Правильный синтаксис

ng-class="{'goingUp' : player.goingUp}" 

Answer 2

Он должен быть в состоянии сделать это как в this кейс. Вы могли бы написать функцию в свой контроллеры объема, который возвращает соответствующий класс:

$scope.isGoingUp = function(player) 
{ 
    if (player.goingUp) return "goingUp"; 
    return "notGoingUp"; 
} 

и затем вызвать его, как этот

ng-class="isGoingUp(player)"