html - 处理 ng-repeat 中 n 项具有相同颜色的两行

Question

我有一个对象数组，我需要将其显示为列表，所需的设计是

我试过下面的代码

.odd{
    background-color: grey;
}

.even{
    background-color: #d09683;
}

<ion-audio-track track="track" ng-repeat="x in array" ng-if="track.Size!=0">
        <div class="card" ng-class="{'even':$index%2, 'odd':!($index%2)}">
            <div class="row">
              //item prints here
            </div>
          </div>
  </ion-audio-track>

但是我得到的是

Answer 1

还有一个解决方案:

div.card {
    background-color: grey;
}

div.card:nth-child(4n), div.card:nth-child(4n-1) {
    background-color: #d09683;
}