错误：$digest 已经在进行中

Question

我在尝试调用时遇到此错误

        function MyCtrl1($scope, $location, $rootScope) {
      $scope.$on('$locationChangeStart', function (event, next, current) {
        event.preventDefault();
        var answer = confirm("Are you sure you want to leave this page?");
        if (answer) {
          $location.url($location.url(next).hash());
          $rootScope.$apply();
        }
      });
    }

MyCtrl1.$inject = ['$scope', '$location', '$rootScope'];

错误是

Error: $digest already in progress

Answer 1

josliber 的回答解决了我遇到的类似 $digest 问题。我刚用过

$scope.$evalAsync(function(){ 
   // code here
});

好文章在这里 https://www.bennadel.com/blog/2605-scope-evalasync-vs-timeout-in-angularjs.htm

Answer 2

使用

$scope.evalAsync(function(){ 
});

而不是

$scope.$apply(function(){
});

Answer 3

因为你的 $scope.$apply() 在 AngularJs 环境中。一般来说我不会建议你使用 $apply()，而且 $rootScope.$apply() 函数会让你的应用程序运行缓慢。它会在您的整个范围内运行一个新周期。

Answer 4

重复：Prevent error $digest already in progress when calling $scope.$apply()

您遇到的错误意味着 Angular 的脏检查已经在进行中。

最近的最佳实践表明，如果我们想在下一次 digest 迭代中执行任何代码，我们应该使用 $timeout：

$timeout(function() {
  // the code you want to run in the next digest
});

---

之前的回复： (don't use this approach)

使用安全应用，如下所示：

$rootScope.$$phase || $rootScope.$apply();

你为什么不反转条件？

$scope.$on('$locationChangeStart', function (event, next, current) {                
    if (confirm("Are you sure you want to leave this page?")) {
        event.preventDefault();
    }
});

Answer 5

对于希望解决此错误的其他人，值得注意的是docs 似乎建议使用$timeout 服务以确保代码将在单个$apply 块中调用。

$timeout(function() {
  $scope.someData = someData;
});

如果您看过去接受的答案，也会在this question 中讨论。