Debugging $rootScope:infdig

This question was already answered here.

As a combination of the two best answers:

1. Remove all suspicious HTML. Remove all your HTML from the template, and check if there are no warnings. See this answer
2. It can also happen when a function returns a new object. See this answer

Additionally, you can always put a conditional breakpoint to check the exception stack trace.

There can be multiple reasons to it. One of the common reason I've faced is due to a filter in the ng-repeat which returns a new array to work on the ng-repeat.

So check your ng-repeat expressions which have associated filters which is modifying the array.

For me the error was happening in a method changing the url:

 self.setURL = function(item) { var mainUrl = window.location.origin + '#/' + self.baseUrl; if (item) { mainUrl += item.testId; } $location.$$absUrl = mainUrl; }; 

this was causing the $rootScope:infdig error

So when debugging this check whatever is changing your ur, location, hrefs in your current controller/directive

For me the error was happening in a method changing the url:

> self.setURL = function(item) { > > >//Ajax call followed by promise function > servicejsfile.somefunctiom(transferObj).then(responce){ > > var somethingTrue=responce.featureAvailable; >if (somethingTrue) { > dothis(); >}else > $window.location = newlocation; > }; 

This change the last portion of URL of my application. this was causing the $rootScope:infdig error

So when debugging this, I commented out this portion, and error was not repeated along with requirement of application also changed.

I am not able to fix this so we requirement remains same and I can change the location.

This issue is taking place from some a Ajax call inside a funtion of a controller, and only in IE For FF , chrome and safari it is behaving perfect as JavaScript engine is faster for these browsers.