javascript - 如何通过 $index 值获取 ng-repeat 中的元素

Question

我正在使用 ng-repeat，但如果迭代满足某些条件，我想修改迭代。我的问题是，获得应该修改的特定迭代的最佳方法是什么？

就目前情况而言，我已经使用 :nth-child 选择器让它工作，但我想知道是否有一种更 Angular 方法来使用 $index 来做到这一点，或者还有其他更 Angular 方式吗？

HTML 片段:

<div class="line_row" ng-repeat="x in program">
    {{x.current_state}
</div>

JS 代码片段:

for (j = 0; j < $scope.program.length; j++) {

    if ($scope.reader_location[j] == someCondition) {

        // this is the line that I'm interested in replacing.
        $(".line_row:nth-child("+(j+1)+")").css("background-color","red") 

    }
}

Answer 1

我认为你可以在这里基于表达式求值ng-class，它会在该元素上放置一个类。

HTML

<div class="line_row" ng-repeat="x in program" ng-class="{red: methodCall(x)}">
    {{x.current_state}}
</div>

代码

$scope.methodCall = function(x){
   return x.current_state == 'something'
}

CSS

.red {
   background-color: "red"
}