How to make controller wait untill app.run finishes

Question

In my application, I'm getting some data in app.run using $http.get() The result from this is required to proceed to the controller. Currently my controller is executing before the completion of this $http.get How can I make my controller's execute after the execution of $http.get()

app.run(function ($rootScope, $http, $cookies) {
var currentLanguageId = angular.fromJson($cookies.get('mykey')).UserInfo.Country;

    $http.get('myurl').then(function (serviceInfo) {


        $rootScope.serviceURL = serviceInfo.data.serviceURL;

    }, function (error) {
        alert('error service info');
    });

score 1 · Answer 1 · edited May 23 '17 at 10:30

1

run can't handle asynchronous work at the moment. See this issue : https://github.com/angular/angular.js/issues/4003

You have multiple solutions for that. You can get your data without Angular and start Angular manually ( How to wait for a promise in a Run block in Angular? )

Or you can use the resolve of your route to do this : AngularJS : Initialize service with asynchronous data

edited May 23 '17 at 10:30

Community

1
1

answered Oct 26 '15 at 15:42

Magus

14,796
3
36
51

score 0 · Answer 2 · answered Oct 26 '15 at 16:20

0

You can use angular scope event. When data is fetched, you can broadcast an event from $rootScope to all controllers and receive this event in target controller.

answered Oct 26 '15 at 16:20

gzc

8,180
8
42
62

score 0 · Answer 3 · answered Feb 14 '18 at 05:19

You may use $rootScope.$broadcast();in the app.run and then use $rootScope.$on() in your controller.

app.run(function ($rootScope, $http, $cookies) {
    var currentLanguageId = angular.fromJson($cookies.get('mykey')).UserInfo.Country;
    $http.get('myurl').then(function (serviceInfo) {
        $rootScope.serviceURL = serviceInfo.data.serviceURL;
        $rootScope.$broadcast('serviceInfoReceived')
    }, function (error) {
        alert('error service info');
    });
});

In your Controller

app.controller ('myCtrl' , function($rootScope) {
    $rootScope.$on("serviceInfoReceived", function(){
         console.log($rootScope.serviceURL)
    });
})

Hope this may help you.

score 0 · Answer 4 · answered Oct 04 '19 at 20:53

This is an old question, however the $rootScope.$on solution will not always work. It will depend on the timing of the controller registering the listener. The way I have found that works is to set a $rootScope property, and then configure a recursive timeout to wait for it to be set.

function waitForRun() {
  if($rootScope.runFinalized){
    // do something
  } else {
    $timeout(waitForRun, 500)
  }
}
waitForRun();

and after the last .run block:

.run(function($rootScope) { $rootScope.runFinalized = true; })

Ugly, but it works.

How to make controller wait untill app.run finishes

4 Answers4