使用 AngularJS 设置交替的部分颜色

Question

与使用表格相反，我有结构化的部分，这些部分曾经是 div。我想知道是否有办法在显示的每个部分之间动态交替行颜色：

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

等等

Answer 1

查看this jsFiddle。这使用 css 来完成。

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