Using AngularJS $resource to get data

Question

I am trying to use $resource to get data from a static json file and here is the code snippet :

 angular.module('app.services', ['ngResource']).
  factory('profilelist',function($resource){
    return $resource('services/profiles/profilelist.json',{},{
        query:{method:'GET'}
    });
});

In the controller,

function ProfileCtrl($scope,profilelist) {
$scope.items = [];
$scope.profileslist = profilelist.query();
for (var i=0;i<=$scope.profileslist.length;i++){
    if($scope.profileslist[i] && $scope.profileslist[i].profileid){
        var temp_profile = $scope.profileslist[i].profileid;
    }
    $scope.items.push(temp_profile);

}

But now, I am facing an error : TypeError: Object #<Resource> has no method 'push'

Could you please help me where I am going wrong ?

I am not sure, but notice that .query() is not a synchronous operation, meaning you cannot iterate over the results immediately. — holographic-principle
– holographic-principle, Commented Mar 17, 2013 at 22:09
You are right. I used a callback to iterate over the results. — codejammer
– codejammer, Commented Mar 18, 2013 at 13:53

developer033 · Accepted Answer · 2023-02-05 06:17:30Z

21

You don't need to specify actions parameter for default $resource methods (these are 'get', 'save', 'query', 'remove', 'delete'). In this case you can use .query() method as is (this requires only service definition to be chaged):

angular.module('app.services', ['ngResource']).
  factory('profilelist',function($resource){
    return $resource('services/profiles/profilelist.json');
  });

P.S. And one more hint is that your example unwrapped json into hash rather then array (that's why you received no push method error), if you need it to be an array set isArray: true to action config:

'query':  {method:'GET', isArray:true}

And as @finishingmove spotted you really can't assign $resource result to obtain immediately, provide callback:

$scope.profileslist = profilelist.query(function (response) {
    angular.forEach(response, function (item) {
        if (item.profileid) {
            $scope.items.push(item.profileid);
        }
    });
});

edited Feb 5, 2023 at 6:17

developer033

25k8 gold badges85 silver badges113 bronze badges

answered Mar 17, 2013 at 22:15

Dmytro Evseev

11.6k3 gold badges36 silver badges49 bronze badges

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

1 Comment

codejammer Over a year ago

Thanks a lot Dmitry Evseev. I tried the following code as well and it worked,but your answer is easier !

angular.module('upe.services', ['ngResource']).     factory('Profileslst', function($resource){         return $resource('services/profiles/:profileid.json', {}, {             query: {method:'GET', params:{profileid:'profilelist'}, isArray:true}         });     });

Collectives™ on Stack Overflow

Using AngularJS $resource to get data

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related