javascript - 两次 ng-repeat，$index 在第二次 ng-click 中未发送正确的值

Question

我有两个 ng-repeat 在同一指令中彼此跟随：

<section slider class="slider">
    <nav>
        <ul>
            <li ng-repeat="slide in slider[0]" ng-class="{'active':isCurrentSlideIndex($index)}" ng-click="setCurrentSlideIndex($index)" class="no-text"></li>
        </ul>
    </nav>
    <ul>
        <li ng-repeat="slide in slider[0]" ng-class="{'active':isCurrentSlideIndex($index)}" class="grid" ng-click="setCurrentSlideIndex($index+1)">
            <img ng-src="{{slide.image}}" alt="" />
        </li>
    </ul>
</section><!-- section.slider -->

第一个 ng-click="setCurrentSlideIndex($index)" 工作得很好。但第二个总是发送 $index 的最后一个值（例如，如果有 3 张图片，则始终为 2）。（isCurrentSlideIndex($index) 工作正常。）

你有任何想法如何解决这个问题吗？

谢谢

更新：

angular.module('app')
  .directive('slider', function () {
    return {
      restrict: 'A',
      scope: true,
      controller: function($scope){
        $scope.currentIndex = 0;
        $scope.setCurrentSlideIndex = function(index){
        $scope.currentIndex = index;
        };
        $scope.isCurrentSlideIndex = function(index){
        return $scope.currentIndex === index;
        };
      }
    };
  });