angularjs location scope

Question

I have some issue with AngularJS scope and location. Here is an example :

function CreateAccountCtrl($scope, $http, $location) {
    ...
    $http.post(url,$scope.form).
        success(function(data){
            $location.path('/'); // I need to transfert data to the location 
        }
}

My problem is : I want to transfer the data to the / controller, I thought to use the rootScope but I don't think it is the best way to do this.

Any idea ?

To pass data between controllers you can create a shared service that is injected in both controllers, or if the data is not complex just call / with some parameters and then access them using $routeParams. — matys84pl
– matys84pl, Commented Dec 6, 2012 at 19:20

Rodrigo Perez Burgues · Accepted Answer · 2013-05-17 10:43:45Z

6

You can use $rootScope to send data between controllers. $routeParams doesn't allow send complex data structures. Let's see it.

Assign returned data of success callback to variable in $rootScope. Navigate to the AccountController.

function CreateAccountCtrl($scope, $http, $location,$rootScope ) {
    ...
    $http.post(url,$scope.form).
        success(function(data){
            $rootScope.accountInfo = data; 
            $location.path('/account');
        }
}

Configure the route in the $routeProvider:

$routeProvider.when('/account', {
    template: 'account.html',
    controller: AccountCntl  
});

In the AccountController can access the data on $rootScope.

function AccountCtrl($scope, $rootScope) {
    $scope.accountInfo = $rootScope.accountInfo;
}

answered May 17, 2013 at 10:43

Rodrigo Perez Burgues

2384 silver badges5 bronze badges

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

1 Comment

astroanu Over a year ago

I think this is the best method so far to achieve this. the only problem would be if a different controller loaded with the wrong model on rootscope.

asgoth · Accepted Answer · 2012-12-20 10:18:36Z

1

Use the $routeParams service.

function CreateAccountCtrl($scope, $http, $location) {
    ...
    $http.post(url,$scope.form).
        success(function(data){
            $location.path('/account/' + data.accountId);
        }
}

Configure the route in the $routeProvider:

$routeProvider.when('/account/:accountId', {
    template: 'account.html',
    controller: AccountCntl  
});

Your AccountController can now access the data:

function AccountCtrl($scope, $routeParams) {
    $scope.accountId = $routeParams.accountId;
}

answered Dec 20, 2012 at 10:18

asgoth

35.8k12 gold badges91 silver badges98 bronze badges

Collectives™ on Stack Overflow

angularjs location scope

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related