angularjs - $scope 和 $$phase 变通方法是否总是在 AngularJS 中按预期工作？

Question

在 AngularJS 中处理 3rd 方工具以及外部 DOM 事件时要记住的一件主要事情是使用 $scope.$apply()方法操作来启动更改。这很有效，但有时范围本身我已经通过摘要(这基本上是 $apply 方法触发的内容)并在此过程中调用 $apply 会引发错误。所以要解决这个问题，你必须注意 $scope.$$phase每当摘要进行时设置为范围的标志。

所以现在，假设您想更改 URL 并启动:

$scope.$apply(function() {
  $location.path('/home');
});

这按预期工作，但现在让我们假设 $scope 正忙于做这件事。因此，您检查 $$phase 变量并假设您的更改将被拾取:

if($scope.$$phase) {
  $location.path('/home');
}
else {
  $scope.$apply(function() {
    $location.path('/home');
  });
}

这就是我一直在做的事情(显然不是代码重复)，它似乎 100% 的时间都在工作。我关心的是 当作用域处于消化过程中时，AngularJS 如何拾取变化？

也许这个例子不够具体。让我们假设一些更大的东西。想象一下，如果您有一个包含大量绑定(bind)的巨大网页，并假设消化将线性地浏览页面(我假设它在优先级方面做了类似的事情......在这种情况下，无论出现在首先是 DOM 树)并从上到下更新页面上的绑定(bind)。

<div class="binding">{{ binding1 }}</div>
<div class="binding">{{ binding2 }}</div>
<div class="binding">{{ binding3 }}</div>
<div class="binding">{{ binding4 }}</div>
<div class="binding">{{ binding5 }}</div>
<div class="binding">{{ binding6 }}</div>
<div class="binding">{{ binding7 }}</div>
<div class="binding">{{ binding8 }}</div>

让我们假设消化正在进行，并且它位于消化队列中间附近的某个地方。现在让我们尝试更改绑定(bind)值 在页面顶部某处。

if($scope.$$phase) {
  $scope.binding1 = 'henry';
}

现在，不知何故，AngularJS 获取了更改并正确更新了绑定(bind)。尽管相对于 HTML/DOM，可以认为更改本身在队列中更早发生。

我的问题是 AngularJS 如何管理这种潜在的竞争条件？如果 绑定(bind)8 更新(因为它在页面下方)，但是因为 绑定(bind)1 还更新(立即无需再次调用 $apply)，这让我有点失落。这是否意味着在两者之间的某个地方又进行了一次消化？还是 $scope 对象比我想象的更神奇？我会假设这个问题之前已经存在，但是由于首先找出 $$phase 和 $scope 有点棘手，所以我假设这也可能是一些从裂缝中消失的东西。

有任何想法吗？

Answer 1

关于绑定(bind)和竞争条件。 $digest 将循环所有观察者，直到没有变化。正如您可以通过将日志添加到观察者/绑定(bind)方法来观察到的，它将至少调用每个绑定(bind)/观察者两次，以确保没有更改并且所有绑定(bind)值都是稳定的。这些只是脏检查，直到每个值都被解决(在 2 次循环迭代中没有改变)。希望有帮助。

这在 AngularJS 文档中有解释:http://docs.angularjs.org/api/ng.$rootScope.Scope#$digest

注意:这是 matsko 要求的我评论的副本/粘贴。