Leeres Array nach get-Anforderung (AngularJS)

Question

In meinem Beispiel, wenn ich eine GET-Anfrage senden, um ein Antwort-Array mit Daten zu erhalten, dann sehe ich in der Konsole von Firefox das Array leer ist. Ich weiß nicht, wo der Fehler ist.

Hier ist mein 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> 

jemand eine Idee Ich habe, was ich zu tun haben?

Answer 1

$ Ressource asynchron Sie es in den Rückruf des Versprechens zu behandeln haben:

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 Probe mit $ 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;