angularjs - 如何打破 ng-repeat 循环？

Question

以下情况需要从 ng-repeat 循环中跳出

<div ng-init="myarr=['abc','xyz','pqr','mno','rst']">
        <div ng-repeat="item in myarr">
             {{item}}
             <ng-container ng-if="item=='pqr'">
                  <!--need to break this loop-->
             </ng-container>
        </div>
    </div>

Answer 1

你可以通过使用itemin myarrlike的索引来解决这个问题

<ng-container ng-if="(myarr.indexOf(item) < myarr.indexOf('pqr'))">
     {{item}}
</ng-container>

这是一个小提琴

如果案例是一个对象数组

例如，如果数组是

`$scope.myarr = [{t:'abc',i:1},
{t:'ghj',i:2},
{t:'rty',i:3},
{t:'qwe',i:4}]`

在 HTML 中

<ng-container ng-if="(myarr.indexOf(item) < breakVar)">
      {{item.t + ' ' + item.i}} 
</ng-container>

在控制器中：

 $scope.breakVar = $scope.myarr.map(function(x) {return x.i;}).indexOf(3);

与对象数组小提琴