2016-03-04 57 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 –