ng-repeat值为最后的ng-class

时间:2015-02-06 16:14:38

标签: angularjs angularjs-ng-repeat ng-class

<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 中类的名称仅限最后一个td元素。 我可以使用实际的类名,但不能使用row [th]中的引用值。任何想法如何实现这一目标?

PS:行[th]将返回一个状态(例如红色,绿色等),这也是我正在使用的css类名。

jsFiddle here

在上面的小提琴中,如果我用ng-class中的绿色替换 row [th] ,那就有效了!


@tasseKATT下面的解决方案运行正常,但现在我似乎还有另一个问题。我无法包含另一个静态命名的类。小提琴link here。任何帮助非常感谢。

1 个答案:

答案 0 :(得分:0)

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

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

上面的代码为 ng-repeat 中的 last&lt; td&gt; 添加了两个类:

    行[th] 中包含
  1. staticCSSClassName
  2. 因此,基本上,对象中的部分可以是一个字符串数组,其中可以包含来自 ng-repeat 的引用值以及静态类名。

    working jsfiddle here

    希望有人觉得这很有用。