Error "10 $digest() iterations > reached" with $state.go inside $scope.$watch

Question

I am trying to redirect the user to the login page if local storage clears for any reason. (Example: Perhaps they opened the app again in another tab and logged out).

I have the following code in my header directive:

$scope.$watch(
  function (scope) {
    if (!$localStorage.user || !$localStorage.user.hasOwnProperty('basicAuth'))
      $state.go('login');
    $scope.user = $localStorage.user;
    return $localStorage.user;
  }
);

There was a $watch watching the $localStorage so I decided to put my logic in there.

But, it causes the following Error:

Line: 16033 Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! Watchers fired in the last 5 iterations: [] http://errors.angularjs.org/1.4.6/$rootScope/infdig?p0=10&p1=%5B%5D

To my knowledge, the login page doesn't load the header directive. Conceptually, I don't see anything wrong with my logic but obviously angular doesn't like it. Maybe I'm already headed for the login page and I'm saying go there even though I'm already headed there.

What am I doing wrong?

toddmo toddmo · Accepted Answer · 2015-10-28T14:21:39

I just removed the $state.go from the $scope.$watch and redid the logic to accomplish the same thing elsewhere.

I think I dodged a bullet in that I was able to do that. This was not a direct solution I think that would fit all circumstances.

Error "10 $digest() iterations > reached" with $state.go inside $scope.$watch

1 Answers