Scope variable not accessible (undefined) - AngularJS

Question

I am setting a scope variable in one controller, then changing location to another view. Then in the controller of the new view the scope variable is no longer accessible, it states it is 'undefined'. I have added a simplified version of the problem below and would appreciate any help.

app.controller('loginController', function ($scope,$location){

   $scope.loginUser = function (user) {

       $scope.userId = "USERID";
       $location.path('/view3');

   }
});

Controller for view 3

app.controller('videoListController', function($scope){

alert("UserID: "+$scope.userId);               

});

The value of $scope.userId appears as 'undefined'. What am I doing wrong?

Possible duplicate : How can I pass variables between controllers in AngularJS? — YAAK
– YAAK, Commented Apr 14, 2014 at 15:11

Nidhish Krishnan · Accepted Answer · 2014-04-14 15:09:24Z

4

You can also use $rootScope for global access in AngularJS

Take a look at this

app.controller('loginController', function ($scope,$rootScope,$location){

   $scope.loginUser = function (user) {

       $rootScope.userId = "USERID";
       $location.path('/view3');

   }
});

app.controller('videoListController', function($scope, $rootScope){

alert("UserID: "+$rootScope.userId);               

});

answered Apr 14, 2014 at 15:09

Nidhish Krishnan

20.8k6 gold badges67 silver badges78 bronze badges

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

Comments

Justin Niessner · Accepted Answer · 2014-04-14 14:59:28Z

2

$scope isn't shared between controllers. If you need to pass data between controllers, it needs to be stored somewhere else that is persistent.

answered Apr 14, 2014 at 14:59

Justin Niessner

246k40 gold badges416 silver badges546 bronze badges

1 Comment

FootsieNG Over a year ago

Oh ok. What would you say is the best way to pass variables between controllers then?

Community · Accepted Answer · 2017-05-23 12:09:39Z

1

Scope is defined per controller... You still have the option to use $scope.$parent or $rootScope to link controllers but I would use those carefully.

Angular Services are based on singleton patterns. You can also use those to share information between controllers and I think it will be the best approach.

I found that this has been previously discussed and here are some good examples:

AngularJS Service Passing Data Between Controllers

edited May 23, 2017 at 12:09

CommunityBot

11 silver badge

answered Apr 14, 2014 at 14:59

Dalorzo

20k7 gold badges57 silver badges102 bronze badges

Collectives™ on Stack Overflow

Scope variable not accessible (undefined) - AngularJS

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related