javascript - 将 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-repeat 将 ng-class 应用到表行怎么办？我希望这可能有效:

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

唉，这不起作用。可能是因为 ng-class 不位于该重复元素内。我怎样才能让它工作呢？

Answer 1

正确的语法是

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