AngularJS : Getting factory returned data in controller

Question

Am having a factory which makes multiple API calls which are bind to single promise, when I return the promise to my controller am not able to get the data from the object returned by a function in the controller.

Code:

Factory:

app.factory('factory1',function($http,$q){

var formData = {}
var URL = "/xxx/"
var dataToPass = {}

formData.getData = function()
{
    var data1 = $http.get(URL+'api1/')
    var data2 = $http.get(URL+'api2/')
    return $q.all({'data1':data1,'data2':data2})
}
return formData
});

Controller:

app.controller('controller1', function($scope, factory1) {
$scope.uacForm =factory1.getData().then(function(data, status, headers, config)
{
    console.log(data['data2'])
},
function(data, status, headers, config)
{
    alert("Error")
})
console.log($scope.uacForm)

});

Am not able to get the data from $scope.uacForm object.

Tetaxa · Accepted Answer · 2014-12-17 10:05:48Z

2

$scope.uacForm will just be your promise, not the actual value. You need to put the data somewhere on the scope when the promise is resolved to be able to reach it from the view. Ie

factory1.getData().then(function(data, status, headers, config)
{
    $scope.uacForm = data.data2;
    console.log($scope.uacForm)
},
function(data, status, headers, config)
{
    alert("Error")
})

answered Dec 17, 2014 at 10:05

Tetaxa

4,4031 gold badge21 silver badges25 bronze badges

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

6 Comments

mithu Over a year ago

Thanks, but I need to have the data outside the function.How should i get it outside the above function.

Tetaxa Over a year ago

you can't. that's how you use promises.

mithu Over a year ago

okay,then how come I can bind the returned variable to ng-model and access the same in HTML?

Tetaxa Over a year ago

because angular sees it's a promise and handles it accordingly.

mithu Over a year ago

could you please tell me how to use that returned variable in view(HTML)?

|

Collectives™ on Stack Overflow

AngularJS : Getting factory returned data in controller

1 Answer 1

6 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Related