javascript - 使用 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}