从ngRepeat更新$ scope变量

Question

我在视图中有一个ngRepeat循环，对于每个项目，我都有一个自定义切换控件连接到$scope变量，如下所示：

<a ng-repeat="item in items" ng-click="isOn = !isOn" ng-class="{on: isOn}">
   Toggle!
</a>

单击链接时， isO n变量将按预期方式切换，但仅适用于单击的项目 。 我希望所有项目都将更新，因为isOn在控制器中定义为$scope.isOn = false

当我使用控制器方法切换变量时， 所有项目都会更新！

<a ng-repeat="item in items" ng-click="toggle()" ng-class="{on: isOn}">
   Toggle!
</a>

--- controller ---

$scope.toggle = function() {
    $scope.isOn = !$scope.isOn;
}

您能解释一下这种行为吗？ 是否因为ngRepeat为每个项目都创建了单独的作用域？

Answer 1

是的， ngRepeat正在为每个项目创建一个单独的范围。 参见AngularJS ngRepeat

ngRepeat指令对集合中的每个项目实例化一次模板。 每个模板实例都有自己的作用域...

编辑：从@doodeec评论

您可以改为切换父作用域。 ng-click="$parent.isOn = !$parent.isOn"