角度ng样式以交替表格颜色

时间:2016-03-04 15:00:34

标签: css angularjs

我正在使用ng-repeat创建一个表。我有一个ng风格的过滤器,用于查看表格行中的值,如果出现某个单词,则会更改该行的颜色。

我正在使用的表达式是:

<tr ng-repeat="a in b" ng-style="a.name == 'user1'?{'background-color':'orange'}:{}">

这个工作正常,但是当我有两个以上匹配的行时,我希望能够做的是橙色和另一种颜色之间的交替,这样我的表格中就不会有明显的颜色块了。

是否可以在ng-style中添加另一个条件来查看行是奇数还是偶数然后我可以用这种方式交替匹配行的颜色?或者有另一种方法来使用CSS吗?我不确定我是否可以用ng-style控制css?

1 个答案:

答案 0 :(得分:4)

你可以在没有css的情况下以角度进行,例如:

<tr ng-repeat="a in b" ng-style="{'background-color': (a.name == 'user1') ? ($index % 2 === 0 ? 'orange' : 'red') : 'auto'}">

但是css也有偶数和奇数伪classe可以在这里使用..