Error: 10 $digest() iterations reached. Aborting! with dynamic sortby predicate

by

Please check this jsFiddle. (The code is basically the same you posted but I use an element instead of the window to bind the scroll events).

As far as I can see, there is no problem with the code you posted. The error you mentioned normally occurs when you create a loop of changes over a property. For example, like when you watch for changes on a certain property and then change the value of that property on the listener:

$scope.$watch('users', function(value) {
  $scope.users = [];
});

This will result on an error message:

Uncaught Error: 10 $digest() iterations reached. Aborting!
Watchers
fired in the last 5 iterations: …

Make sure that your code doesn’t have this kind of situations.

update:

This is your problem: 

<div ng-init="user.score=user.id+1">

You shouldn’t change objects/models during the render or otherwise, it will force a new render (and consequently a loop, which causes the ‘Error: 10 $digest() iterations reached. Aborting!’).

If you want to update the model, do it on the Controller or on a Directive, never on the view. angularjs documentation recommends not to use the ng-init exactly to avoid these kinds of situations:

Use ngInit directive in templates (for toy/example apps only, not
recommended for real applications)

Here’s a jsFiddle with a working example.

More Related Contents:

  1. AngularJs ReferenceError: $http is not defined
  2. Angular JS break ForEach
  3. The Advantages when we put AngularJS within Symfony web application
  4. AngularJS: Service vs provider vs factory
  5. Why does AngularJS include an empty option in select?
  6. AngularJS access parent scope from child controller
  7. How to Display blob (.pdf) in an AngularJS app
  8. How to execute AngularJS controller function on page load?
  9. AngularJS: How to make angular load script inside ng-include?
  10. Injecting $scope into an angular service function()
  11. AngularJS: ng-show / ng-hide not working with `{{ }}` interpolation
  12. Is there a way to make AngularJS load partials in the beginning and not at when needed?
  13. Angular $scope.$apply vs $timeout as a safe $apply
  14. Angularjs prevent form submission when input validation fails
  15. Insert an angular js template string inside an element
  16. angular js unknown provider
  17. Using Bootstrap for Angular and Material design for Angular together
  18. AngularJS error .success is not a function
  19. Directive isolate scope with ng-repeat scope in AngularJS
  20. calling method of parent controller from a directive in AngularJS
  21. Angular $location.path not working
  22. $apply already in progress error
  23. Math functions in AngularJS bindings
  24. Clear History and Reload Page on Login/Logout Using Ionic Framework
  25. How to return image from $http.get in AngularJS
  26. What is `priority` of ng-repeat directive can you change it?
  27. Track to see when a view changes in angularjs
  28. AngularJS ng-model-options getter-setter
  29. When to use double braces {{}} in angularJS
  30. Angular reload current route and reload the current template

Leave a Comment