$scope unaccessible inside promise .then

Question

I have a promise and I need to call a function in my $scope. If I call the function outside the then it works but actually I need to call it after the promise has been resolved, inside the then. Unfortunately the $scope is unavailable at that stage

traverseTree(items).then(function(data){
   $scope.$apply(function () {
       $scope.myArray.push(data);
   });
});

I didn't find any solution to this problem, actually I don't even know what keywords to use for searching a solution online

EDIT

Here the stacktrace, the exception get thrown at $scope.$apply

$scope looks valorized correcly inside the then

please post stack trace you get, I believe its not `scope` encapsulation problem — Maxim Shoustin, Nov 30 '17 at 11:51

score 2 · Accepted Answer · answered Nov 30 '17 at 11:56

Your $scope is accessible, but the issue is that you are trying to manually run digest cycle whilst it already in progress, so just remove the apply, it will be fine. You should have smth like this

traverseTree(items).then(function(data){
   $scope.myArray.push(data);
});

score 1 · Answer 2 · answered Nov 30 '17 at 11:59

You error is, in fact, because you are trying to run a new digest cycle while another is already executing.

If you are not doing anything outside Angular's reach, you don't need to manually call the $apply, Angular automatically does it for you.

For more information, take a look at this other question.

$scope unaccessible inside promise .then

2 Answers2