javascript - 保持 ng-init 变量与分配的 $index 同步

Question

我有两个嵌套的ng-repeat在两者中我都集中使用各自的 $index 。因此，为了便于阅读，我使用 ng-init “重命名”了第一个 $index (即:ng-init="backupIndex = $index")。在起点一切都很好，并且 backupIndex始终等于$index 。

问题是如果我从绑定(bind)到 ng-repeat 的集合中删除元素然后backupIndex与 $index 不同步.

这是一个plunker 。我该如何维护$index和backupIndex同步吗？

Answer 1

如果你可以省略 ng-init 就可以做到部分和，

<ul ng-repeat="value in values">
  <span style="display: none"> {{ backupIndex = $index }}</span>
  <li>backUp: <b>{{backupIndex}}</b> $index: <b>{{$index}}</b> <button ng-click="rem(backupIndex)">Remove</button></li>
</ul>

<span style="display: none"> {{ backupIndex = $index }}</span>此行将分配 backupIndex $index 的值它将与 $index 同步

这是DEMO

<小时/>

<ul ng-repeat="value in values" ng-init="backupIndex = $index">

ng-init仅第一次执行，它将创建一个 ng-repeat的子作用域变量称为 backupIndex并将其赋值为 $index和backupIndex与 $index 不同步.

var ngInitDirective = ngDirective({
    priority: 450,
    compile: function() {
        return {
            pre: function(scope, element, attrs) {
                scope.$eval(attrs.ngInit);
            }
        };
    }
});

这是angular.js指令ng-init 。它所做的就是获取 ng-init 中的表达式并在当前范围内执行表达式并返回结果。

在本例中:ng-init表达式为backupIndex = $index然后在 scope.$eval(attrs.ngInit); ( attrs.ngInit 的表达式为 backupIndex = $index ) 行 backupIndex = $index表达式在 ng-repeat 上执行的范围。这意味着此时有一个名为 backupIndex 的变量在ng-repeat的范围，值为 $index就是这样。