Bootstrap data in angular js

Question

I am working on a angular one page application and I was wondering how to feed the app with data that are dynamically generated in the server side when the page first load.

Something like this:

var bootstrapValues = {
   totalNumberOfPosts: 345,
   postsPerPage: 10,
   // etc. etc.
}

What is a good way to enter this configuration hash into the app?

Thanks

Kalhan · Accepted Answer · 2014-10-20 14:40:13Z

3

do it in run

app.run(function($rootScope, $http) {
    $http.get(configurationUrl).success(function(data) {
        $rootScope.bootstrapValues = data;
    }).error(function() {
    });
})

answered Oct 20, 2014 at 14:40

Kalhan

21.9k8 gold badges71 silver badges96 bronze badges

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

3 Comments

Sander_P Over a year ago

I know angular code can be really simple, but this simple? Since $http returns a promise, can we be certain that bootstrapValues has the data when the page first loads?

nourdine Over a year ago

it does as the success executes. You said that, it's a promise.

Sander_P Over a year ago

It should be noted though that the success callback function could be run some time after the code in the run block has executed. In this time period bootstrapValues won't have a value. I think this goes against the idea of bootstrapping.

Collectives™ on Stack Overflow

Bootstrap data in angular js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related