CODEWITHSUNDEEP
javascriptjqueryangularjsangularjs-factory
FKutsche
FKutsche

Reputation: 402

Factory function not returning data

I have an angularjs factory to get data via $http.get():

'use strict';
app.factory('apiService', ['$http', function ($http) {
    var apiService = {};
    apiService.urlBase = 'http://localhost:1337/api/';
    apiService.get = function (urlExtension) {
        $http({
            method: 'GET',
            url: apiService.urlBase + urlExtension
        }).then(function successCallback(response) {
            return response.data;
        }, function errorCallback(response) {
            console.log(response);
        });
    }

    return apiService;
}]);

The problem is, that it always returns undefined when i call the method apiService.get(); in a Controller. When I log the response data in the factory, it display the right data. The apiService.urlBase variable is always filled in my controller.

Do you guys have any suggestions or am I doing something wrong? Maybe it's a syntax error.

Upvotes: 0

Views: 87

Answers (2)

FKutsche
FKutsche

Reputation: 402

Okay I solved the problem. I just passed a callback function via parameter for my get() function.

'use strict';
app.factory('apiService', ['$http', function ($http) {
    var apiService = {};
    apiService.urlBase = 'http://localhost:1337/api/';
    apiService.get = function (urlExtension, callback) {
        var data = {};

        $http({
            method: 'GET',
            url: apiService.urlBase + urlExtension
        }).then(function successCallback(response) {
            data = response.data;
            callback(data);
        }, function errorCallback(response) {
            console.log(response);
        });

        return data;
    }

    return apiService;
}]);

Upvotes: 0

adam0101
adam0101

Reputation: 30995

You are not returning the promise that is returned by $http. Add return before $http

Upvotes: 1

Related Questions