AngularJS: returning data from a function and assigning it to a variable

Question

I am new to angularjs, and I am trying to return the data from a function to another function, and store it in a variable.

$scope.myNameValidate = function(name){
    $scope.friendsList = $scope.getAllFriends(name);
    console.log("data", $scope.friendsList);
}

$scope.getAllFriends = function(name){
    friendService.getAllfriends(name) 
    .then(function(data){
        //success
        console.log(data);
    }, function(err){
        //error
    })
}

I want to store all the objects in a variable but I get undefined as result.

output in console

data undefined

[Object, Object, Object, Object, Object, Object]

RIYAJ KHAN · Accepted Answer · 2016-08-10 08:28:43Z

9

You need to know the Angular promise.

This issue related to Asynchronous operation.

You can fix it with proper thenable chaining. You can do it in this way.

$scope.myNameValidate = function(name) {
    $scope.getAllFriends(name)
        .then(function(data) {
            $scope.friendsList = data;
            console.log(data);
        }, function(err) {
            //error
        });

}

$scope.getAllFriends = function(name) {
    return friendService.getAllfriends(name)

}

answered Aug 10, 2016 at 8:28

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

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

Comments

Jorawar Singh · Accepted Answer · 2016-08-10 08:36:04Z

2

Why its' undefined?

Your function $scope.getAllFriends() is not returning anything witch can set data to $scope.friendsList.

function myFunc(){
 var i = 5;
}
var myVar = myFunc();

myVar will not have value 5.

function myFunc(){
 var i = 5;
return i;
}
var myVar = myFunc();

In angular even if it's asynchronous data when you set to $scope as soon data has arrived angular will update your view and scope.

answered Aug 10, 2016 at 8:36

Jorawar Singh

7,6414 gold badges29 silver badges40 bronze badges

Comments

Alexey Katayev · Accepted Answer · 2016-08-10 08:32:45Z

1

You cannot use async callbacks this way. In your particular case you should set $scope.friendsList inside the success callback.

$scope.myNameValidate = function(name) {
    $scope.getAllFriends(name);
}

$scope.getAllFriends = function(name) {
    friendService.getAllfriends(name) 
    .then(function(data) {
        $scope.friendsList = data;
        console.log("data", $scope.friendsList);
    }, function(err){
        //error
    })
}

answered Aug 10, 2016 at 8:32

Alexey Katayev

2482 silver badges10 bronze badges

Comments

Akash Bhandwalkar · Accepted Answer · 2016-08-10 08:33:54Z

1

$scope.myNameValidate = function(name){
$scope.friendsList = $scope.getAllFriends(name)
   .then(function(data){
    //here is your data
   })
  .catch(error){
   //Error
   }
console.log("data", $scope.friendsList);
}

$scope.getAllFriends = function(name){
  var promise = friendService.getAllfriends(name) 
   .then(function(data){
     return data;
  }, function(err){
    //error
 })
 return promise;
 }

This is asynchronus call thats why you got undefined

answered Aug 10, 2016 at 8:33

Akash Bhandwalkar

8915 silver badges19 bronze badges

Collectives™ on Stack Overflow

AngularJS: returning data from a function and assigning it to a variable

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related