Question

我无法初始化自定义计数器并在 ng-repeat 指令中重置它。我有一个带有三个项目的颜色数组

$scope.colors=['color1','color2','color3']

我的颜色数组长度是2.我想在我的ng-repeat列表颜色数组0到2长度中绑定类。当它达到它的最大长度然后将其重置为0并再次重复。我可以在其他地方实现它，如php，jquery等，但我无法在角度视图上实现它。

<!-- single cat -->
        <div ng-repeat="cat in contacts|filter:search.name">
              <div class="item item-divider">
                {{cat.name}} <span class="badge badge-positive">{{cat.data.length}}</span>
              </div>

              <!-- cat contact single -->
              <a class="item" href="#" ng-repeat="p in cat.data">
                <h2 class="letter colors[customerCounterIndex]">{{p.name.charAt(0)}}</h2>
                  <span class="name">{{p.name}}</span>
                  <p>{{p.phone}}</p>
              </a>
              <!-- end cat contact single -->
        </div>
        <!-- end single cat -->

Answer 1

试试这个<h2 class="letter" ng-class="colors[$index % colors.length]">

ng-repeat指令内的自定义计数器

1 个答案: