Angularjs deferred log-running timer task(s)

Question

Building an Ionic app and have suddenly come across an issue that I am finding really difficult to debug where the browser is 'deferring' long running timer tasks causing my views to execute the code in their controllers only once (even when the controller is explicitly reloaded).

Warning is:

Deferred long-running timer task(s) to improve scrolling smoothness. See crbug.com/574343.

What I'm after:

• An understanding of the warning and why it occurs
• Any guidance as to how to go about debugging such a warning.

Thanks in advance.

Update I felt it was important to note that while never receiving errors and only warnings as the cause for my problems, I have since rolled back to a working version.

This working version still has warnings appearing but does not affect the running of my application.

Answer 1

well in case when you are doing tasks using $timeout , you have got to stop and destroy them else they would create the error you stated

for eg:

var timer = $timeout(                         function() {                             console.log( "Timeout executed", Date.now() );                         },                         2000                     ); 

if you start a timeout as above then you got to destroy the timer as follows :

                    // When the DOM element is removed from the page,                     // AngularJS will trigger the $destroy event on                     // the scope. This gives us a chance to cancel any                     // pending timer that we may have. $scope.$on(                         "$destroy",                         function( event ) {                             $timeout.cancel( timer );                         }                     );