AngularJS – why is $apply required to properly resolve a $q promise?

by

In AngularJS the results of resolve() are propagated asynchronously, inside a $digest cycle, not immediately. This means that callbacks registered with then() will only be called (later) when a digest cycle occurs.

In your code, nothing is causing Angular to enter a digest cycle, so the then() callback is never called. Calling $apply() is one way to cause a digest cycle to run. Another way: add a button with ng-click that does nothing, then click that, it will cause a digest cycle and you should see the results:

<button ng-click="">Force digest by clicking me</button>

See also https://stackoverflow.com/a/14657974/215945

More Related Contents:

  1. AngularJS performs an OPTIONS HTTP request for a cross-origin resource
  2. htaccess redirect for Angular routes
  3. AngularJS. How to call controller function from outside of controller component
  4. When writing a directive in AngularJS, how do I decide if I need no new scope, a new child scope, or a new isolated scope?
  5. Dynamic validation and name in a form with AngularJS
  6. How do I inject a controller into another controller in AngularJS
  7. How to use $http promise response outside success handler
  8. AngularJS : Where to use promises?
  9. AngularJS. When select have ng-model attribute, ng-selected not working
  10. How to use ng-repeat for dictionaries in AngularJs?
  11. Confused about Angularjs transcluded and isolate scopes & bindings
  12. Using success/error/finally/catch with Promises in AngularJS
  13. Can I access a form in the controller?
  14. Cannot get to $rootScope
  15. ng-repeat not updating on update of array
  16. Angular directive how to add an attribute to the element?
  17. get original element from ng-click
  18. Scope issue in AngularJS using AngularUI Bootstrap Modal
  19. angularjs share data config between controllers
  20. What is the advantage of “Controller as” in Angular?
  21. Can I use one ng-app inside another one in AngularJS
  22. Cordova / Ionic : $http request not processing while emulating or running on device
  23. AngularJS watch array of objects for data change
  24. Refreshing page gives “Page not found”
  25. ERROR in Cannot find module ‘node-sass’
  26. Angular directive name: only lower case letters allowed?
  27. Using the same controller on different elements to refer to the same object
  28. $http Auth Headers in AngularJS
  29. Karma throws error: Can not load “ng-html2js”, it is not registered
  30. How to ‘unwatch’ an expression

Leave a Comment