我正在尝试开发一个非常通用的表格输出器 - 没有设定的行数或列数。因此,我有嵌套的 ng-repeat 属性,如下所示:
<table>
<tr ng-repeat="row in rowList">
<td ng-repeat="col in colList">{{printCell(row,col)}}</td>
</tr>
</table>
效果很好!直到我尝试使用ng-class-even
and ng-class-odd
相应地更改行的背景颜色。
如果我把ng-class-***
的声明td
标签,我得到交替的列颜色。
如果我把ng-class-***
的声明tr
标签,没看懂any班级作业 - 它们都保持默认。
我想要交替的行颜色。我该怎么做呢?
的价值ng-class-odd
and ng-class-even
可以是一个字符串:ng-class-odd="'myClass'"
或一个表达式ng-class-odd="{myClass: boolExpression}"
Also:
角度 1.2+:ng-class="{even: $even, odd: $odd}"
<table>
<tr ng-repeat="row in rowList" ng-class="{even: $even, odd: $odd}">
<td ng-repeat="col in colList">{{printCell(row,col)}}</td>
</tr>
</table>
<hr />
角度 ng-class="{even: !($index%2), odd: ($index%2)}"
<table>
<tr ng-repeat="row in rowList" ng-class="{even: !($index%2), odd: ($index%2)}">
<td ng-repeat="col in colList">{{printCell(row,col)}}</td>
</tr>
</table>
例子:http://jsfiddle.net/TheSharpieOne/JYn7S/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)