AngularJS promise in app.run()

javascript angularjs promise synchronous
Felix_Billon picture Felix_Billon · Feb 19, 2015 · Viewed 11k times · Source

I'm working on angularJs and typescript project. I have to make synchronous http call and get some data from server before I launch my client app and load UI. I search on internet and see everybody speak about promise, huumm okay why not. So I use promise (make $http call and use $q to return promise) in my app.run(). Maybe I'm missing nothing because this is not working at all. Angular launch app.config(), then app.run(), ... But Angular does not wait app.config() finish before launch app.run(). So my first promise is launch in app.run() and before it resolve Angular try to instantiate controller... I don't want to create new service call httpSynchronous but I haven't any other ideas.

Answer

Thomas Roch picture Thomas Roch · Feb 19, 2015

Angular does not support asynchronous actions in .config and .run functions. If you want to delay your application, there are 2 ways:

  • The first one is to delay your whole application by using angular.bootstrap() to manually start it. But anything you do is outside angular, so you don't have access to anything but vanilla JavaScript.
  • The second one is to use the resolve property of your routes. If you use a router like angular route segment or ui router, you can define a top route / state with a resolve which would be resolved when your application loads (and if you force a full reload of your route).

Related questions

How to access the value of a promise?

I'm looking at this example from Angular's docs for $q but I think this probably applies to promises in general. The example below is copied verbatim from their docs with their comment included: promiseB = promiseA.then(function(result) { return result + 1; }); // …

Read More
TypeError: Cannot read property 'then' of undefined

loginService.islogged() Above function return a string like "failed". However, when I try to run then function on it, it will return error of TypeError: Cannot read property 'then' of undefined and the cursor is indicate right after connected and …

Read More
What's the difference between returning value or Promise.resolve from then()

What is the difference between: and this: new Promise(function(res, rej) { res("aaa"); }) .then(function(result) { return Promise.resolve("bbb"); }) .then(function(result) { console.log(result); }); I'm asking as I'm getting different behaviour Using Angular and $http service with …

Read More