Delay loading controller until resolved response from server without ui-router (Angular)

Question

There is a controller for each chart being displayed in application.

In a previous version, each controller made a separate server request to get data. But I want to combine these into a single request and share it among controllers.

So I've tried moving the request into a .run() block and then attaching response to $rootScope so all controllers can access it.

.run(['$rootScope', 'factoryName', function($rootScope, factoryName) {
    factoryName.getAll().success(function(data) {
        $rootScope.data = data;
    });
}])

The problem is its an asynchronous request, so controllers try to load the data from $rootScope before the response comes back from server, and crashes the app.

Normally I would use resolve from $stateProvider to get the response before state load, but the application just uses angular to make the front-end dynamic, and does not have multiple states, so I would like to avoid ui.router.

Is there a way to delay loading controllers until the response comes back?

Did you try using a promise?

Tony Laidig
– Tony Laidig

2016-04-29 04:17:50 +00:00
Commented Apr 29, 2016 at 4:17 — Tony Laidig
– Tony Laidig, Commented Apr 29, 2016 at 4:17
Could you elaborate a little?

tim_xyz
– tim_xyz

2016-04-29 04:19:39 +00:00
Commented Apr 29, 2016 at 4:19 — tim_xyz
– tim_xyz, Commented Apr 29, 2016 at 4:19

georgeawg · Accepted Answer · 2016-04-29 04:37:49Z

2

You can store the promise from the factory, and then chain from the promise to delay the functions that use the data.

.run(['$rootScope', 'factoryName', function($rootScope, factoryName) {
     //Store promise
     $rootScope.dataPromise = factoryName.getAll();
}])

In the controllers use the promise:

$rootScope.dataPromise.then(function onFulfilled(result) {
    var data = result.data;
    //Use data here
});

By using the .then method to queue a function with the $q service, the service will delay invoking the function, pending the arrival of the data.

answered Apr 29, 2016 at 4:37

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Delay loading controller until resolved response from server without ui-router (Angular)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related