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

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

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

我的颜色数组长度是2。我想将ng repeat list颜色数组中的类绑定为0到2长度。当达到最大长度时，将其重置为0，然后再次重复。我可以在其他地方实现它，比如php、jquery等，但我不能在AngleView上实现它

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

{{cat.name}{{cat.data.length}

试试这个，

你有没有阅读ngClass的文档：？我可以使用ng class，但我不能初始化自定义计数器并在我的视图中重置它。