Błąd: $ digest już w toku w angularjs podczas korzystania z alertu

Question

Właśnie otrzymuję dane json z usług w kontrolerze.

Używam funkcji oddzwaniania, aby wydrukować wiadomość powodzenia po jej załadowaniu. To działa dobrze, ale jest również rzucanie błąd o którym wspomniałem w pytaniu

//JSON file 
{ 
"pc":"name" 
} 

// angular services 
var service = angular.module('Services', ['ngResource']). 
factory('Widgets', function($resource){ 
    return $resource('/json/home.json', {}, { 
     query: {method:'GET', params:{}, isArray:false} 
    }); 
}); 

//controller 
function editWidget($scope, Widgets) { 
$scope.data = Widgets.query(function(data) { 
    alert("Success Data Loaded ---> " + JSON.stringify(data.pc)); 
}); 
} 

Answer 1

alert, jak również confirm i prompt wstrzyma wykonanie kodu (bloki gwintem), podczas którego limity czasu i interwały iść wszystko szaleje, jeśli powinny być uruchomione podczas przerwy. Pętla $digest składa się z dwóch mniejszych pętli, które przetwarzają kolejkę $evalAsync i listę $watch. Kolejka $evalAsync służy do planowania pracy, która musi wystąpić poza bieżącą ramką stosu, ale przed renderowaniem widoku przeglądarki. Zwykle odbywa się to przy pomocy setTimeout(0). Twój alert w tym czasie powoduje problem.

Answer 2

Możesz użyć $ timeout, aby wykonać alert po zakończeniu cyklu trawienia iw ten sposób unikniesz tego błędu.

$timeout(function() { 
    alert('Alert text'); 
}); 

Również nie zapomnij wstrzykiwać $ limit czasu w swojej dyrektywie

Answer 3

if(!confirm('Your message')){ 
    return false; 
}else { 
    return false; 
} 

return false w obu przypadkach.

Answer 4

@SharpieOne ma rację, to działa dla mnie.

function delayalert(messagestr){ 
 
      setTimeout(function(){ 
 
       alert(messagestr); 
 
      },0); 
 
}