SHARE

EDUCATION

How do I read the AngularJS message: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! Watchers fired in the last 5 iterations

I’ve been using Angular every day for over a year, but have always been too intimidated by this error message—and the crazy list of information that comes along with it—to really dig into it and find out how to use it to my advantage.

Building a new product at Pedago, I see this error happen from time to time in production (possibly related to a user using an old browser), but never when developing locally. So I have the error message from our error logs, but I can’t reproduce it or debug it by making changes in the code.

After researching the issue, here’s what I found out on my own.

After the colon there are two brackets. (…’atchers fired in the last 5 iterations: [[{“msg’) The first bracket is the beginning of a json block. Copy from the first bracket to the end of the error and find a way to pretty-print that json. (Use your favorite code editor or an online json formatter.)

Now you have a pretty-printed array with 5 entries in it. Each entry represents an iteration in the digest cycle, i.e. one pass through all of the active watchers in your app, looking for changes. Angular will repeat iterations until it does one in which no watcher has a changed value, or until it hits 10 iterations, at which point it will error. That’s what happened in this case.

There were 10 iterations before the error, and 5 are included in the error message. Presumably that means there are 5 more iterations that happened earlier than what is included in the error message. The first entry in the error message is the 6th iteration, and the last entry in the message is the 10th iteration.

The entry for each iteration is also an array. In this case it is an array of objects, and each object represents a watcher whose value changed during this iteration. Each object will give you the text or the function that defines the watcher, the old value for the watcher before this iteration and the new value after this iteration.

Read it from top to bottom like a story, adding commentary based on what you know about your app. In my case, I was able to see how the changes in each iteration caused new watchers to be created, requiring yet another iteration. “In the 6th iteration, this watcher changed, causing this new stuff to be rendered on the page, creating new watchers which were assigned values in the 7th iteration, and then …” There was no infinite loop or anything. In fact, if Angular had been willing to do just 1 or 2 more iterations, it would have finished.

I hope this is helpful to anyone else experiencing this issue.


SHARE

Trending now

EDUCATIONMay 19, 2021
Quantic’s MBA: Information on the New MBA Program

You may have heard about Quantic’s Free MBA. It’s an innovative degree program that flips the tuition model so that employers pay to recruit from Quantic’s student and alumni network, thus shifting the burden of tuition from student to employer.  You may have also heard that Quantic’s MBA is no longer free — and you’d … Continue reading “Quantic’s MBA: Information on the New MBA Program”

EDUCATIONFebruary 10, 2021
The Benefits of an MBA for Startups and Entrepreneurs

Common folklore surrounding what it takes to start a business is awash with one familiar motif: the dropout-turned-billionaire entrepreneur.  Indeed, when enterprising individuals come of age and start contemplating business ideas, their dreams often adopt this narrative. For a long time now, a contrast has been cast between two groups of people. In one corner, … Continue reading “The Benefits of an MBA for Startups and Entrepreneurs”

CAREER PLANNINGNovember 23, 2020
The Winning Tech Resume

Tech jobs across the world are rapidly increasing and can be found in most industries. The rise of such jobs is due to organizations increasingly relying on computer systems and technologies.  Examples are the adoption of cloud computing and cybersecurity. As a result, employment in IT occupations is predicted to increase by up to 12% … Continue reading “The Winning Tech Resume”

Ready to jump start your career?

Start learning with Quantic.