Angularjs rootscope value is undefined within the same controller in same function

Question

I have set the username value in rootscope and when I try to use it within the same function it becomes undefined. I am not sure why this is happening.

controller

    xxxApp.controller('listController', function($scope, $http, $location, $routeParams, $log, uiGridConstants, $rootScope) {

        $scope.isSelected = false;
        $scope.showSpinner = true;
        $rootScope.loggedInUser = {};



        $scope.user = {};
        $http.get("/mdm/getLoggedInUsername")
                .success(function(data, status, headers, config) {              
                    $scope.user = data.user;                
                    $rootScope.loggedInUser = $scope.user;
                    console.log("the logged in user is 1" +$scope.user);

                    console.log("the rootscope logged in user is 1" +$rootScope.loggedInUser);
                })
                .error(function(data, status, headers, config, statusText) {
                    console.log("Error ....the logged in user is 1" +$scope.user);
                });


        console.log("the rootscope logged in user is 2" +$scope.user);
        $http.get("/mdmservice/services/entities/" +$rootScope.loggedInUser) // here rootscope is undefined and throws me 404 error not found
            .success(
                function(data, status, headers, config) {
                    $scope.entities = data;


                })
                .error(function(data, status, headers, config, statusText) {
                    $scope.error = true;
                    $scope.errorMessage = "A system error occured."
                })
                .finally(function () {
                    $scope.showSpinner = false;
                });

Which line is it undefined?

camden_kid
– camden_kid

2016-03-03 17:07:56 +00:00
Commented Mar 3, 2016 at 17:07 — camden_kid
– camden_kid, Commented Mar 3, 2016 at 17:07
i have given in the comments on the right side

SGN
– SGN

2016-03-03 17:14:07 +00:00
Commented Mar 3, 2016 at 17:14 — SGN
– SGN, Commented Mar 3, 2016 at 17:14

Christian Zosel · Accepted Answer · 2016-03-03 17:14:39Z

1

That happens because $http calls are asynchronous - that means your program executes in the following order:

start first http call
print console log statement
start second http call
execute the success or error callbacks once the respective http call is finished

So to make your script work you can put the console.log statement and your second http call within the success callback of the first http call.

If you have trouble understanding this, I would recommend reading up on asynchronous programming in javascript with Callbacks and Promises.

answered Mar 3, 2016 at 17:14

Christian Zosel

1,4241 gold badge9 silver badges16 bronze badges

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

Comments

magos · Accepted Answer · 2016-03-03 17:15:15Z

1

That's because the first get function hasn't finished yet. You should call the second in callback of the first (in success area).

answered Mar 3, 2016 at 17:15

magos

3,5314 gold badges35 silver badges55 bronze badges

Collectives™ on Stack Overflow

Angularjs rootscope value is undefined within the same controller in same function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related