ng-repeat 值作为最后 <td> 的 ng-class

ng-repeat value as ng-class for last <td>

<tr ng-repeat="row in rows">
    <td ng-class="{row[th]:$last}" ng-repeat="th in ths">{{row[th]}}</td>
</tr>

对于上面的代码,我尝试使用 row[th] 值作为 ng 中 class 的名称- class 仅用于 最后一个 td 元素。 我可以使用实际的 class 名称,但不能使用行 [th] 中的引用值。有什么想法可以实现吗?

PS:第[th]行将return一个状态(例如Red、Green等),这也是一个cssclass名称i正在使用。

jsFiddle here

在上面的 fiddle 中,如果我在 ng-[=38= 中用 Green 替换 row[th] ],行得通!


@tasseKATT 下面的解决方案工作正常,但现在我似乎遇到了另一个问题。我无法包含另一个静态名称 class。 Fiddle link here。非常感谢任何帮助。

经过多次故障排除后,我提出了以下解决方案(扩展@tasseKATT 的原始答案:

<td ng-class="{true: [row[th], 'staticCSSClassName']}[$last]" ng-repeat="th in ths">{{row[th]}}</td>

上面的代码在最后一个 中添加了两个 classes ng-repeat:

  1. value 包含在 row[th]
  2. staticCSSClassName

所以,基本上,Object 中的 value 部分可以是一个字符串数组,其中可以包含来自 ng-repeat 以及静态 class 名称。

working jsfiddle here

希望有人觉得这有用。