2013-02-04 35 views
0

與使用表格不同,我有一段時間是div的結構化部分。我不知道是否有一種方法可以交替行的顏色各部分之間的動態中顯示:使用AngularJS設置交替部分顏色

<div> 
    <name-section></name-section> (blue) 
    <address-section></address-section> (green) 
    <city-section></city-section> (blue) 
    <postal-section></postal-section> (green) 
</div> 

+0

您使用的是jQuery嗎?然後可以做這樣的事情:http://api.jquery.com/even-selector/ – MikeSmithDev

+0

你想要一個指令,交替在一個div中兒童的行顏色,或者你想你已經概述的標籤總是有你上面提到的顏色? – varfoo

+0

我可以將這些部分添加到一個div元素中,以便讓這些孩子交替出現。 – Organiccat

回答

4

退房this jsFiddle。這使用CSS來做到這一點。

div > *:nth-child(even) {background: green} 
div > *:nth-child(odd) {background: blue} 
+0

太近了!我剛剛意識到問題的一部分是我的部分不會呈現給瀏覽器,因爲它們在技術上並不存在(名稱部分,地址部分等) – Organiccat