AngularJS: How do I get a variable from a $http. to another controller?

Question

I have been working on an angularjs webapp using WS of moodle to get information, I have a little problem with variables, I would like to get a variable from a $http. and I saw that you can use services as an option or $rootscope, but for me have not worked it.

I have two controller and i would like to pass $scope.userid to cursostCtrl

app.controller('userCtrl', function ($scope, $http) {



    field = '&field=username';  
    values = '&values[0]=adminaccap'/*+$scope.username*/;


    url = concatUrl + 'core_user_get_users_by_field' + field + values;


    $http.get(url).then(function (response) {
        $scope.items = response.data;
        $scope.userid = response.data[0].id;
    })

    return  $scope.userid;

});


app.controller('cursostCtrl', function($scope, $http){

    url2 = concatUrl + 'core_enrol_get_users_courses' + '&userid=' + $scope.userid;

    $http.get(url2).then(function (response) {
        $scope.cursos = response.data;
        $scope.nombrecurso = response.data[0].fullname; 
    })

Thanks for your help!

try with $rootScope,you can use a services also or some kind of store methods — Sa E Chowdary
– Sa E Chowdary, Commented Nov 24, 2016 at 13:11

bhanu.cs · Accepted Answer · 2016-11-24 13:31:20Z

2

The way forward here is to broad cast a event from one controller and handle the event on other controller

On your userCtrl broadCast an event to the rootScope as follows

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

        field = '&field=username';  
        values = '&values[0]=adminaccap'/*+$scope.username*/;
        url = concatUrl + 'core_user_get_users_by_field' + field + values;

        $http.get(url).then(function (response) {
            $scope.items = response.data;
            $scope.userid = response.data[0].id;
            $rootScope.$broadcast("myBroadCastedEvent",{myUser:$scope.userid});
        })

        return  $scope.userid;

    });

Also in your cursostCtrl get the broadcasted event scope in as follows

app.controller('cursostCtrl', function($scope, $http){
  $scope.$on("myBroadCastedEvent", function (event, args) {
               $scope.userid = args.myUser;
           })

    url2 = concatUrl + 'core_enrol_get_users_courses' + '&userid=' + $scope.userid;

    $http.get(url2).then(function (response) {
        $scope.cursos = response.data;
        $scope.nombrecurso = response.data[0].fullname; 
    })

edited Nov 24, 2016 at 13:31

answered Nov 24, 2016 at 13:15

bhanu.cs

1,3751 gold badge11 silver badges25 bronze badges

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

5 Comments

rfcabal Over a year ago

I'm still getting $scope.userid as undefined.

rfcabal Over a year ago

If i do an alert inside $scope.on I'm getting $scope.userid but in the url2 is undefined. is there a way to get it out of $scope.on ?

bhanu.cs Over a year ago

Check the latest edit.Also check if the first controller's $http service on sucess returns a proper value of userid

rfcabal Over a year ago

inside of $scope.on Im getting $scope.userid but in the url2 is not defined

rfcabal Over a year ago

I have to put $http. inside the $scope.on rhen it work perect, thank you!

halfer · Accepted Answer · 2018-01-29 23:45:21Z

2

You can broadcast an event after http success like follows -

In controller 1 -

 $http.get(url).then(function (response) {
        // assuming you need response in another controller
        $rootScope.$broadcast('GotResponse',response);
    })

In controller 2 -

$scope.$on('GotResponse', function(event,response){
    // this variable response is what you got from http
    console.log('response--',response);
});

edited Jan 29, 2018 at 23:45

halfer

20.2k20 gold badges110 silver badges207 bronze badges

answered Nov 24, 2016 at 13:16

Avinash Rathod

6105 silver badges15 bronze badges

Collectives™ on Stack Overflow

AngularJS: How do I get a variable from a $http. to another controller?

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related