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正在使用。
在上面的 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:
- value 包含在 row[th]
中
- staticCSSClassName
所以,基本上,Object 中的 value 部分可以是一个字符串数组,其中可以包含来自 ng-repeat 以及静态 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 的名称- class 仅用于 最后一个 td 元素。 我可以使用实际的 class 名称,但不能使用行 [th] 中的引用值。有什么想法可以实现吗?
PS:第[th]行将return一个状态(例如Red、Green等),这也是一个cssclass名称i正在使用。
在上面的 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>
上面的代码在最后一个 所以,基本上,Object 中的 value 部分可以是一个字符串数组,其中可以包含来自 ng-repeat 以及静态 class 名称。 希望有人觉得这有用。 中添加了两个 classes ng-repeat: