Angular $scope.$apply vs $timeout as a safe $apply

by

Looking at Angular source code, it looks like $timeout makes a call to
$rootScope.$apply().

  • Why doesn’t $timeout() also raise an error if a digest cycle is already in progress?

$timeout makes use of an undocumented Angular service $browser. Specifically it uses $browser.defer() that defers execution of your function asynchronously via window.setTimeout(fn, delay), which will always run outside of Angular life-cycle. Only once window.setTimeout has fired your function will $timeout call $rootScope.$apply().

  • Is the best practice to use $scope.$apply() when you know for sure that a digest won’t already be in progress and $timeout() when needing it to be safe either way?

I would say so. Another use case is that sometimes you need to access a $scope variable that you know will only be initialized after digest. Simple example would be if you want to set a form’s state to dirty inside your controller constructor (for whatever reason). Without $timeout the FormController has not been initialized and published onto $scope, so wrapping $scope.yourform.setDirty() inside $timeout ensures that FormController has been initialized. Sure you can do all this with a directive without $timeout, just giving another use case example.

  • Is $timeout() really an acceptable “safe apply”, or are there gotchas?

It should always be safe, but your go to method should always aim for $apply() in my opinion. The current Angular app I’m working on is fairly large and we’ve only had to rely on $timeout once instead of $apply().

More Related Contents:

  1. Setting dynamic scope variables in AngularJs – scope.
  2. Angular JS resizable div directive
  3. Is this a “Deferred Antipattern”?
  4. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  5. Angular HttpPromise: difference between `success`/`error` methods and `then`’s arguments
  6. How do you prevent duplicate user properties in Firebase?
  7. What is the difference between ng-if and ng-show/ng-hide
  8. Link vs compile vs controller
  9. How to format date in angularjs
  10. getting the ng-object selected with ng-change
  11. Limit the length of a string with AngularJS
  12. inline conditionals in angular.js
  13. angular directive encapsulating a delay for ng-change
  14. Angular: ng-bind-html filters out ng-click?
  15. How can I test an AngularJS service from the console?
  16. Angularjs ui-router. How to redirect to login page
  17. localStorage vs sessionStorage vs cookies
  18. Send multipart/form-data files with angular using $http
  19. AngularJS leaves comments in HTML: is it possible to remove them?
  20. Usage of $broadcast(), $emit() And $on() in AngularJS
  21. How to handle $resource service errors in AngularJS
  22. AngularJS: ngInclude vs directive
  23. How to create a AngularJS promise from a callback-based API
  24. How to master AngularJS? [closed]
  25. Understanding the transclude option of directive definition?
  26. How to integrate AngularUI to AngularJS?
  27. angularjs text area character counter
  28. how to pass querystring in angular routes?
  29. Two views in one AngularUI Router state sharing scope
  30. Good way to dynamically open / close a popover (or tooltip) using angular, based on expression?

Leave a Comment