javascript - $parent.$index 始终返回 0

Question

我有一个ng-repeat在另一个里面，我正在尝试找出 parent 索引。

因为它是事后订购的，所以我不能做典型的

ng-repeat="(step_index, step) in flow"

有谁知道为什么会发生这种情况吗？

<ul>
    <li ng-repeat="step in flow | orderBy:'+step_number'">
        <div class="step_container">
            <div class="step_content">
                <div ng-repeat="task in step.tasks">
                    <div class="task_container">
                        <div class="task_content">      
                            {{ $parent.$index }} - {{ $index }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>
</ul>

Answer 1

您可以使用ng-init="$parentIndex = $index"关于你的 parent <li> ，然后调用$parentIndex在 child ng-repeat

<ul>
    <li ng-repeat="step in flow | orderBy:'+step_number'" ng-init="$parentIndex = $index">
        <div class="step_container">
            <div class="step_content">
                <div ng-repeat="task in step.tasks">
                    <div class="task_container">
                        <div class="task_content">      
                            {{ $parentIndex }} - {{ $index }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>
</ul>