将 ngClass 应用于声明 ngRepeat 的元素答案

【问题标题】：apply ngClass to element where ngRepeat is declared将 ngClass 应用于声明 ngRepeat 的元素
【发布时间】：2014-12-11 20:54:35
【问题描述】：

我有一个使用 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 不在该重复元素内。我怎样才能让它工作呢？

【问题讨论】：

【解决方案1】：

它应该能够像this 一样做到这一点。您可以在您的控制器范围内编写一个返回适当类的函数：

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

然后这样称呼它

ng-class="isGoingUp(player)"

【讨论】：

【解决方案2】：

正确的语法是

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

【讨论】：