在 Angular 开发过程中，我们经常会遇到 $apply already in progress 的错误。这个错误通常出现在我们试图同时更新多个 Angular 作用域的值时，更具体的说，当在 $apply 函数的上下文环境中调用 $apply 函数时，Angular 会报出这个错误。
错误解释
在 Angular 的作用域中，每个作用域都有它的 $root 作用域，当我们在两个不同的作用域中调用 $apply 函数时，Angular 就会尝试创建两个不同的 $apply 循环，并抛出错误。
在 Angular 内部，每个 $apply 循环都会创建一个新的独立的 $$phase 属性，用于标记当前作用域正在执行的 digest 循环。当在一个 $apply 循环中调用另外一个 $apply 函数时，Angular 就会检测到这个 $$phase 属性，然后抛出 $apply already in progress 异常。
解决方法
解决以上错误的方法很简单，我们只需要使用 $timeout 函数或者 $evalAsync 函数代替 $apply 函数即可。这是因为 $timeout 函数和 $evalAsync 函数可以将我们的函数加入到队列中，并在当前 digest 循环中执行它们。这样就避免了在进行 $apply 循环时出现多个 $apply 函数，并因此抛出错误。
下面是一个具体的示例代码，演示了在 Angular 中如何避免 $apply already in progress 错误：
------------------------ -------- -------- --------- -
-------------- - --
-- --- -------- ----- -------------
----------------- -- -
-----------------
---
-- --- ---------- ----- -------------
------------------- - -------- -- -
-----------------
--------------------
--
---在上面的示例代码中，我们分别使用了 $timeout 函数和 $evalAsync 函数来更新我们的作用域。这样就可以避免在 $apply 循环中出现多个 $apply 函数，并因此抛出错误。
总结
在 Angular 中，遇到 $apply already in progress 错误是很常见的情况。我们可以通过使用 $timeout 函数或者 $evalAsync 函数来避免这个错误的发生。在实际开发中，我们需要特别注意在多个作用域中同时操作 digist 循环时可能会导致的错误。希望本文对你在 Angular 开发中遇到这个错误时有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/652dcecf7d4982a6ebef198e