javascript - AngularJS 中 ng-repeat 中的增量计数器

Question

我有两个嵌套的 ng-repeat，我想同时访问外部和内部索引。

<div ng-repeat="column in columns" ng-init="columnIndex = $index">
     <div ng-repeat="row in column" ng-init="rowIndex = $index">
          <p ng-click="delete(column, row)">
              Delete
          </p>
     </div>
</div>

现在，只要 outers 模型没有更新，这就可以正常工作。显然，ng-init 只初始化一次值，因此如果我删除页面上的一个元素，columnIndex 和 rowIndex 将不会相应更新。

是否有其他方法可以跟踪外部和内部索引，以便将正确的值传递给删除函数？

Answer 1

您可以为每个 ng-repeat 索引设置一个名称:

<div ng-repeat="(columnIndex, column) in columns">
    <div ng-repeat="(rowIndex, row) in column">
        <p ng-click="delete(column, row)">
            Delete
        </p>
    </div>
</div>

或者，您可以使用 $index 作为内部索引，使用 $parent.$index 作为外部索引。