2016-03-04 54 views
1

我使用ng-repeat创建表。我有一个ng样式的过滤器,用于查看表格行中的值,如果某个单词出现,它会更改该行的颜色。角ng样式替换表颜色

,我使用的表达式是:

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

这是工作正常,但是我想什么,能够做的是橙色,当有两个以上的行其他颜色之间交替那匹配,这样我就不会在桌子上留下坚实的色块。

是否有可能向ng样式添加另一个条件来查看一行是奇数还是偶数,然后我可以用这种方式替换匹配行的颜色?或者有另一种方法来使用CSS来做到这一点?我不确定我是否可以从ng样式控制css?

+0

点击这里,查看文档:HTTPS ://docs.angularjs.org/api/ng/directive/ngRepeat。你得到$ even和$ odd属性。最好! –

+0

你实际上可以用相同的逻辑来应用ng-class。然后使用CSS来交替颜色http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-child_odd_even这样我相信你可以保持你的代码和风格分开 –

回答

4

你能做到这一点的角度没有CSS的例子是这样的:

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

但CSS也有可能在这里使用奇数和偶数伪CLASSE ..

+0

谢谢,我认为这是类型我一直在寻找的东西,但是这种表达方式对我不起作用。 –

+0

我刚刚通过删除:{}结束了工作!谢谢! –

+0

ups是啊,这是一个错别字对不起:P –