How to access a variable in parent controller without $scope?

Question

I am writing an app with angularjs and I don't know how to access the variables in my main-controller.

gsg_main.controller('mainCtrl',['$scope','SessionService','$http','$routeParams','MessageService','$interval','$location','orderByFilter',function($scope,SessionService,$http,$routeParams,MessageService,$interval,$location,orderBy){
//variablen
var self = this;
self.username = "any_name";

I want to access username from a nested controller:

gsg_main.controller('testCtrl',['$scope',function($scope){
var self = this;
self.testvar = $scope.$parent.username;

}]);

I also tried:

self.testvar = $scope.$parent.parent.username;

which I found in other posts.

Is there a way without using $scope in the main-controller?

Thanks for your help.

You could always use a service to share values between controllers. — Lex
– Lex, Commented Nov 30, 2016 at 15:20

jtsnr · Accepted Answer · 2016-11-30 23:01:28Z

1

Create a service:

  .service('UsernameService', function() {
    var username = null;

    this.setUsername = function(value) {
      username = value;
    };

    this.getUsername = function() {
      return username;
    }
  })

Inject it into your controllers:

  .controller('mainCtrl', ['$scope', 'UsernameService', function($scope, UsernameService) { ... }

Then you can call these functions to get and set the username value:

 UsernameService.setUsername("any_name");
 ...
 self.testvar = UsernameService.getUsername();

answered Nov 30, 2016 at 23:01

jtsnr

1,22012 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

How to access a variable in parent controller without $scope?

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