Angular scope function executed multiple times

by

Your function is run 10 times. Why 10? Why not 100?

The answer is in the docs:

The watch listener may change the model, which may trigger other
listeners to fire. This is achieved by rerunning the watchers until no
changes are detected. The rerun iteration limit is 10 to prevent an
infinite loop deadlock.

When you see this happening, it means you are changing the model in such a way that Angular has to rerun the digest and fire the watches again. In your particular case you are calling a function that updates a counter, which is displayed on the page. When the counter value changes it runs the digest again, which calls the function that updates the counter, etc, etc.

Angular expects you (and indeed encourages you) to change the model and let the view respond to those changes, rather than the other way around.

More Related Contents:

  1. How do I use $scope.$watch and $scope.$apply in AngularJS?
  2. AngularJS : Prevent error $digest already in progress when calling $scope.$apply()
  3. If you are not using a .(dot) in your AngularJS models you are doing it wrong?
  4. AngularJS access parent scope from child controller
  5. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  6. How do I use $rootScope in Angular to store variables?
  7. $rootScope.$broadcast vs. $scope.$emit
  8. AngularJS access scope from outside js function
  9. Sending event when AngularJS finished loading
  10. Does my ng-model really need to have a dot to avoid child $scope problems?
  11. How to call a function from another controller in AngularJS? [duplicate]
  12. How do I ignore the initial load when watching model changes in AngularJS?
  13. Get value when selected ng-option changes
  14. Directive isolate scope with ng-repeat scope in AngularJS
  15. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  16. AngularJS : $q -> deferred API order of things (lifecycle) AND who invokes digest?
  17. angularJS: How to call child scope function in parent scope
  18. AngularJS : ng-repeat filter when value is greater than
  19. AngularJs: Reload page
  20. How to modify scope from within a directive in AngularJs
  21. Call a method of a controller from another controller using ‘scope’ in AngularJS
  22. AngularJS $watch vs $watchCollection: which is better for performance?
  23. Typescript async/await doesnt update AngularJS view
  24. AngularJS – Filter empty objects
  25. Why ng-scope is added to javascript inline of my partial view and makes alert not working?
  26. How to detect browser using angularjs?
  27. AngularJS: How to nest applications within an angular app
  28. ng-click doesn’t work within the template of a directive
  29. Access Parent Scope in Transcluded Directive
  30. scope and controller instantiation with ui router

Leave a Comment