AngularJS：使用ngRepeat和ngInit从列表中删除项目

Question

我使用ngRepeat来显示列表中的项目。 根据文档的建议，我使用ngInit将$ index变量赋值给我在循环内引用的“itemIndex”变量。 每个项目都显示一个按钮，允许我从列表中删除它。 这是一个jsfiddle示例：

<li ng-repeat="item in list" ng-init="itemIndex = $index"> {{itemIndex}} {{item}} <a href="#" ng-click="removeItem(itemIndex)">remove</a></li>

如果我尝试删除项目，则不更新itemIndex变量，因此后续删除失败。 相反，如果我使用$ index变量，一切都按预期工作（ 这是没有ngInit-ed变量的相同示例）：

<li ng-repeat="item in list">{{$index}} - {{item}} <a href="#" ng-click="removeItem($index)">remove</a></li>

这是一个错误还是预期的行为？

Answer 1

这种行为是有意的，ng-init只是故意运行一次。

当您查看ngInit指令（ https://github.com/angular/angular.js/blob/master/src/ng/directive/ngInit.js ）时，您可以看到脚本的$eval uation传递给ng-init在compile函数中完成，而不是在link函数中完成。

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

编译仅在应用程序生命周期中执行一次，而每次将指令link到元素/文档时都会执行link 。