I have a nested array which I am ng-repeating on the page. By looking at the page, everything I want to show on the screen is rendered, however in the console I get the error:

Uncaught Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!

I assumed that this error occurs due to the amount of nested array's I have because once I make the size of my nested array smaller, the error doesn't appear.

Here is a fiddle that models my situation

I have a nested array which I am ng-repeating on the page. By looking at the page, everything I want to show on the screen is rendered, however in the console I get the error:

Uncaught Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!

I assumed that this error occurs due to the amount of nested array's I have because once I make the size of my nested array smaller, the error doesn't appear.

Here is a fiddle that models my situation

• javascript
• angularjs

2 Answers 2

So I finally solved the issue. What I ended up doing was adding a library called Recursion Helper to my project, and injected it as a dependency.

Here is a link to the original post. Thanks!

It is a known AngularJS issue. AngularJS itself prevents to many iterations to avoid infinite loops.

There is a possible workaround but it can harm other parts of your code:

$rootScopeProvider.digestTtl(15);

This changes the limit of the ten iterations to fifteen or whatever number you would like to.

http://jsfiddle/NP7P5/33/