ng-repeat模式的下一个和上一个按钮

Question

我有一个ng-repeat，当点击时会产生一个模态。我一直在尝试在模态中添加下一个和上一个按钮。

这就是我一直在尝试的。

JS

$scope.nextGuide = function() {
    var currentIndex = $scope.thisIndex;
    var nextIndex = $scope.thisIndex + 1;
    var lastIndex = $scope.thisIndex - 1;
    jQuery('.dialog,' + '.' +currentIndex).removeClass('active');
    setTimeout(function() {
        jQuery('.dialog,' + '.' +nextIndex).addClass('active');
    }, 500);
}

HTML

<div class="modalSwitch">
  <a href="#">
    <i class="fa fa-arrow-left"></i>
    <i ng-click="nextGuide()" class="fa fa-arrow-right"></i>
  </a>
</div>

目前正在发生的事情是open模式将关闭，然后它将重新打开。我无法弄清楚为什么下一个模​​态不会打开。

在控制台中，console.log('.dialog,' + '.' +nextIndex);打印出正确的jQuery选择器。