Errore: $ digerire già in corso

Question

sto ottenendo questo errore durante il tentativo di chiamare

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

errore è

Error: $digest already in progress 

Answer 1

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

Tale errore hai trovato significa che il controllo sporco di Angular è già in corso.

migliori pratiche più recenti dicono che dovremmo usare $timeout se vogliamo eseguire qualsiasi codice nel prossimo digerire iterazione:

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

---

risposta precedente: (don't use this approach)

Utilizzare un sicuro applicare, come questo:

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

Perché non si inverte la condizione?

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

Answer 2

Per gli altri che cercano di risolvere questo errore, vale la pena notare che il docs sembrano suggerire utilizzando il servizio $timeout per garantire il codice sarà chiamato in un unico blocco $apply.

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

Anche discusso in this question se si guarda oltre la risposta accettata.

Answer 3

Perché il vostro $ portata. $ Applicare() si trova all'interno AngularJs ambiente .In generale, non voglio suggerire di utilizzare $ applicare(), per di più di $ rootScope. $ Applicare (funzioni) rendono l'applicazione eseguita lentamente. Esegue un nuovo ciclo dell'intero ambito.

Answer 4

Usa

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

invece di

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

Answer 5

risposta di josliber risolto un problema simile $ digerire che stavo avendo. Ho appena usato

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

buon articolo qui https://www.bennadel.com/blog/2605-scope-evalasync-vs-timeout-in-angularjs.htm