Empty array after get request (AngularJS)

Question

In my example when I send a GET request to get a response array with data, then I see in the console of firefox the array is empty. I don't know where the error is.

Here is my code:

//Controller:
$scope.changeDate = function (selFrom) {
     vm.repos = CrudService.getRepoByDay(selFrom);
}


//Service (CrudService):
function CrudService(ResService) {
    var service = {
        getRepoByDay: getRepoByDay
    };

    return service;

    function getRepoByDay(selTo) {
      return ResourceService.test.query(
         { endDate: selTo },
         successResponse,
         errorResponse
      );
    }

    function successResponse(response) {
       return response;
    }
}

//Service (ResService)
test: $resource(baseUrl + '/api/repodates', {
         endDate: '@EndDate'
}, {})

//View
<tbody>
  <tr ng-repeat="report in rc.repos>
    <td ng-repeat="(key, value) in report">
        {{ value }}
    </td>
  </tr>
</tbody>

Do anyone have an idea what I have to do?

Walfrat · Accepted Answer · 2016-05-23 06:45:44Z

2

$resource is asynchronous you have to handle it in the callback of the promise :

return ResourceService.test.query(
     { endDate: selTo } 
);

CrudService.getRepoByDay(selFrom).$promise.then(function(data){
       vm.repos = data;
       console.log(data);//log here not ouside the callback to check
});

EDIT sample with $q :

var deferred = $q.defer();
ResourceService.test.query(
    { endDate: selTo } 
).$promise.then(
     function(data){deferred.resolve(data);},
     function(rejection){deferred.reject(rejection);}
);
return deferred.promise;

edited May 23, 2016 at 6:45

answered May 22, 2016 at 21:18

Walfrat

5,3941 gold badge18 silver badges36 bronze badges

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

8 Comments

yuro Over a year ago

that means, in the service of CrudService I mustn't define successResponse?

Walfrat Over a year ago

yes since $promise is a promise you don't need to define a raw callback

yuro Over a year ago

Do you have an example with $q, .resolve and .reject?

Walfrat Over a year ago

i edited my post, but you don't need thatwith angular-resource

yuro Over a year ago

Why I don't need this for $resource? Is there an article to read when I have to define $q?

|

Collectives™ on Stack Overflow

Empty array after get request (AngularJS)

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related