Javascript 如何在AngularJS中实现与prevAll（）nextAll（）等价的Jquery？

我正在使用AngularJS构建一个项目，但似乎找不到任何我正在寻找的示例

使用AngularJS，我知道如何将类添加到单击的任何内容中，但如何将类添加到所有之前的项目中，并从所有后续项目中删除类

我想使用jquery等效于.prevAll/.nextAll，但使用AngularJS

以下是jquery方法的示例和示例，以供参考：

HTML:

我想知道如何使用AngularJS。有人能解释一个好的策略或标准吗

谢谢 乔

作为所有

---

希望这对您有所帮助。

到目前为止您尝试了什么？请在angular中发布您的尝试。您的a标记是如何生成的？我想这是从ng重复。分享我们的angular代码。你需要创建一个btn方向。我基本上遵循与Scotch演示类似的实现：[唯一的问题是我想突出显示上一步以及当前步骤。我没有考虑如何使用指令，所以我可以研究这个概念。这正是我一直在寻找的！谢谢@Makarand_Patil

<a class="btn btn-primary"> Progress 1</a>
<a class="btn btn-primary"> Progress 2</a>
<a class="btn btn-primary"> Progress 3</a>
<a class="btn btn-primary"> Progress 4</a>
<a class="btn btn-primary"> Progress 5</a>
<a class="btn btn-primary"> Progress 6</a>

$(".btn").on("click", function(){
    $(this).addClass('active');
    $(this).prevAll().addClass('active');
    $(this).nextAll().removeClass('active');
});

<a class="btn btn-primary" ng-class="{'active': $index <= selectedIndex}" 
         ng-repeat="p in progress" ng-click="click($index)"> {{p}}</a>

  $scope.progress = ['Progress 1','Progress 2','Progress 3','Progress 4','Progress 5','Progress 6'];

  $scope.selectedIndex = 0;

  $scope.click = function(indexclicked){
    $scope.selectedIndex = indexclicked;
  }