Fehler: $ verdauen bereits im Gange

Question

ich diesen Fehler beim Versuch,

 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']; 

Fehler zu nennen ist

Error: $digest already in progress 

Answer 1

duplizierte: Prevent error $digest already in progress when calling $scope.$apply()

Dieser Fehler Sie bekommen werden bedeutet, Angulars schmutzige Überprüfung ist bereits in Arbeit.

Die neuesten Best Practices sagen, dass wir $timeout verwenden sollten, wenn wir Iteration ausführen möchten beliebigen Code im nächsten verdauen:

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

---

Zurück Antwort: (don't use this approach)

Verwenden Sie eine sichere Anwendung, so:

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

Warum invertieren Sie den Zustand nicht?

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

Answer 2

Für andere suchen, um diese Fehler zu beheben, ist es erwähnenswert, dass die docs scheinen die $timeout Dienst vorschlagen mit dem Code, um sicherzustellen, wird in einem einzigen $apply Block aufgerufen werden.

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

Auch in this question diskutiert, wenn Sie die akzeptierte Antwort aussehen Vergangenheit.

Answer 3

Da Ihr $ scope. $ Apply() ist innerhalb AngularJS Umgebung .Im allgemeinen ich werde Sie nicht den Eindruck erwecken $ verwenden apply(), außerdem von $ rootScope. $ Apply() Funktionen der Anwendung langsam laufen zu lassen. Es führt einen neuen Zyklus Ihres gesamten Umfangs durch.

Answer 4

Verwenden

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

statt

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

Answer 5

josliber Antwort löste ein ähnliches Problem verdauen $, die ich hatte. Früher habe ich nur

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

Guter Artikel hier https://www.bennadel.com/blog/2605-scope-evalasync-vs-timeout-in-angularjs.htm