Angular js - can't get json into $rootScope

Question

i'm setting up config params, but the console.log() returns me undefined and i can't understand why, i see the json returned from the http call in console!!!

app.run(function($rootScope, $location,$http){
        var update =  function (){
            $rootScope.config = {};
            $rootScope.config.app_name = "Appname";
            $rootScope.config.app_short_description = $rootScope.config.app_name+" helps you go out with your rabbit";
            $rootScope.config.app_motto = "hey ohhhhhhhhhh <i class='icon-check'></i>";
            $rootScope.config.app_url = $location.url();
            $rootScope.config.app_path = $location.path();
            $http.get('jsons/json.json').success(function(response) {
            $rootScope.config.app_genres =  response.data;

            });

            console.log($rootScope.config.app_genres);


        }  
        $rootScope.$on('$routeChangeStart', function(){ 
            update(); 
        });

    });

Philipp Gayret · Accepted Answer · 2015-04-04 20:59:36Z

4

Usually JavaScript is asynchronous, there are some exceptions; some old functions like alert are blocking. In AngularJS $http's methods are non-blocking.

So when you run;

$http.get('jsons/json.json').success(function(response) {
    $rootScope.config.app_genres = response;
});

console.log($rootScope.config.app_genres);

A request is sent out to jsons/json.json and the callback .success(function(response) { ... is not invoked until the request returns.

The code then continues directly to the console.log statement, where it logs undefined, as the callback has not yet been invoked.

What you should do to get the console.log to log the data, is put the log statement inside the callback like this:

$http.get('jsons/json.json').success(function(response) {
    $rootScope.config.app_genres = response;
    console.log($rootScope.config.app_genres);
});

edited Apr 4, 2015 at 20:59

answered Jan 22, 2014 at 11:39

Philipp Gayret

5,1401 gold badge31 silver badges34 bronze badges

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

4 Comments

Filippo oretti Over a year ago

really clear now! but why it still returning undefined even with your example? :O

Philipp Gayret Over a year ago

@RoyiNamir that depends on what sbaaaang is going to do with it, if it's some global shared config $rootScope could be Ok although AngularJS Services are probably better (?).

Filippo oretti Over a year ago

yeah global configs but i can get http data to push inside :(

Philipp Gayret Over a year ago

@sbaaaang if it still is undefined you should check what response.data is, maybe it is just reponse you are looking for, try logging response completely.

Collectives™ on Stack Overflow

Angular js - can't get json into $rootScope

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related