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

Question

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

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

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

<!-- 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 指令中的自定义计数器

Custom counter inside ng-repeat directive

angularjs

ng-repeat