javascript - Angular ，限制子重复

Question

这个问题已经有答案了:

How to get the index of an parent scope array/ng-repeat inside child ng-repeat (3 个回答)

已关闭 8 年前。

我试图通过其父重复的索引来限制子重复。因此，无论其上的级别索引如何，都将仅限于该值(+ 1，因此我们不会从 0 开始)。这是我的想法 -

        <div class="inputRepeater" ng-repeat="face in inputFaces" ng-show="face.isCurrent" >
            <div class="trialGrid">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th ng-repeat="(key, val) in rowCollection[0]">{{key}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="row in rowCollection | limitTo: face.$index + 1">
                        <td ng-repeat="item in row">{{item}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
</div>

因此表内的 tr 将仅限于面的初始重复，购买面 $index + 1。这是行不通的。任何见解将不胜感激。谢谢!

Answer 1

您可以使用ng-init保存对上部$index的引用

    <div class="inputRepeater" ng-repeat="face in inputFaces" ng-show="face.isCurrent" >
        <div class="trialGrid" ng-init="$faceIndex = $index">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th ng-repeat="(key, val) in rowCollection[0]">{{key}}</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="row in rowCollection | limitTo: $faceIndex + 1">
                    <td ng-repeat="item in row">{{item}}</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>