2015-02-06 58 views
1
<tr ng-repeat="row in rows"> 
    <td ng-class="{row[th]:$last}" ng-repeat="th in ths">{{row[th]}}</td> 
</tr> 

上面的代码中,我试图用行[日]值作为类的名称纳克级的仅限最后td元素。 我可以使用实际的类名称很好,但不是行[th]中的引用值。任何想法如何做到这一点?NG重复值纳克级的最后​​

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

jsFiddle here

在上面的小提琴,如果我更换行[日]绿色在纳克级,即作品!


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

+2

你可以提供'行'样本吗? – DonJuwe 2015-02-06 16:27:45

+0

你能设置一个plunker/jsfiddle /代码片段来演示这个问题吗? 'th'的价值是什么?它是一个有效的索引/键在你的中继器上,因为如果它不是,那么它就会失败。 – SoluableNonagon 2015-02-06 16:42:45

+0

@DonJuwe,小提琴链接添加。 Plz见编辑。 – snn 2015-02-07 01:35:34

回答

0

很多故障排除后,我想出了以下解决方案(扩大@ tasseKATT原来的答案:

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

上面的代码增加了两个班的最后<TD>NG-重复

  1. 包含在行[第]
  2. staticCSSClassName

因此,基本上,部分在对象可以是一个字符串数组,其可以包括从纳克重复以及静态类的名字引用值。

working jsfiddle here

希望有人认为这是有用的。