How do I use Bluebird with Angular?

by

This is possible, and even quite easy!

Well, if we look at how Angular’s own promises work, we need to get Bluebird to $evalAsync somewhere in order to get the exact same behavior.

If we do that, the fact both implementations are Promises/A+ compliant means we can interop between $q code and Bluebird code, meaning we can use all of Bluebird’s features in Angular code freely.

Bluebird exposes this functionality, with its Promise.setScheduler functionality:

// after this, all promises will cause digests like $q promises.
function trackDigests(app) {
    app.run(["$rootScope",function ($rootScope) {
        Promise.setScheduler(function (cb) {
            $rootScope.$evalAsync(cb);
        });
    }]);
}

Now all we have to do is add a:

trackDigests(app);

line after the var app = ... line, and everything will work as expected. For bonus points, put Bluebird in a service so you can inject it rather than use it on the global namespace.

Here is a [Fiddle] illustrating this behavior.

Note that besides all the features Bluebird has over $q, one of the more important ones is that Bluebird will not run $exceptionHandler, but instead will automatically track unhandled rejections, so you can throw freely with Bluebird promises and Bluebird will figure them out. Moreover calling Promise.longStackTraces() can help with debugging a lot.

More Related Contents:

  1. How to access the value of a promise?
  2. Caching a promise object in AngularJS service
  3. Does never resolved promise cause memory leak?
  4. How can I access the value of a promise?
  5. Make angular.forEach wait for promise after going to next object
  6. How do I convert an existing callback API to promises?
  7. When is .then(success, fail) considered an antipattern for promises?
  8. AngularJS : Initialize service with asynchronous data
  9. Correct way to write loops for promise.
  10. Asynchronous exception handling with bluebird promises
  11. What is the promise disposer pattern?
  12. Handling multiple catches in promise chain
  13. Limit concurrency of promise being run
  14. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  15. multiple, sequential fetch() Promise
  16. How do I tell if an object is a Promise?
  17. Catching Errors in JavaScript Promises with a First Level try … catch
  18. Slowdown due to non-parallel awaiting of promises in async generators
  19. Are there still reasons to use promise libraries like Q or BlueBird now that we have ES6 promises? [closed]
  20. How can I promisify the MongoDB native Javascript driver using bluebird?
  21. While loop using bluebird promises
  22. TypeError: Cannot read property ‘then’ of undefined
  23. ES6 Promise not Updating AngularJS DOM [duplicate]
  24. What happens with $q.all() when some calls work and others fail?
  25. When would someone need to create a deferred?
  26. How to promisify Node’s child_process.exec and child_process.execFile functions with Bluebird?
  27. Wait promise inside for loop
  28. How to extract data out of a Promise
  29. Produce a promise which depends on recursive promises
  30. AngularJS Promises, $q, defer

Leave a Comment