html - 在ng-repeat中处理两行相同颜色的n个元素

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

我试过下面的代码

.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>

但我得到的是

最佳答案

请参见下面的示例。

angular.module('AppModal', []).controller('OTASheetCtrl', ['$scope', function ($scope) {
  $scope.array=[1,2,3,4,5,6,7,8,9,10];
  }]);

.odd{
    background-color: grey;
}

.even{
    background-color: #d09683;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="AppModal" ng-controller="OTASheetCtrl">
<ul ng-repeat="x in array">
  <li ng-class="{'even':$index%4<=1, 'odd':$index%4<=3}">
    {{x}}
  </li>
</ul>
  </div>

关于html - 在ng-repeat中处理两行相同颜色的n个元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41561908/