Understanding angularJS $resource isArray property

Question

i'm learning angular's $resource service and in the angular tutorial a custom action is added (query) that has its method set to 'get' and isArray is set to true

return $resource('phones/:phoneId.json', {}, {
      query: {method:'GET', params:{phoneId:'phones'}, isArray:true}
 });

However, if you look at the docs for $resource the 'query' action already has its method set to 'get' and isArray is already set to true by default. So i thought that i can just leave those properties out.

This works for the method property, but it turns out that if i leave out the isArray property i get this error:

Error: [$resource:badcfg] Error in resource configuration for action query. Expected response to contain an object but got an array

Why is that?

Did you remove query from $resource? return $resource('phones/:phoneId.json'); — Wayne Ellery
– Wayne Ellery, Commented Feb 13, 2015 at 11:45
no, i just removed the method property and i want to remove the isArray property but that doesn't work — kevinius
– kevinius, Commented Feb 13, 2015 at 12:04
But why are your creating/replacing a custom query action as there is already one built in? Use the code I posted and the query will work — Wayne Ellery
– Wayne Ellery, Commented Feb 13, 2015 at 12:06

Wayne Ellery · Accepted Answer · 2015-02-13 12:20:50Z

17

I think you have misunderstood the documentation.

By default without adding any custom actions, the following are supported:

'get':    {method:'GET'},
'save':   {method:'POST'},
'query':  {method:'GET', isArray:true},
'remove': {method:'DELETE'},
'delete': {method:'DELETE'}

So by default the query action expects an array to be returned which makes sense since a query generally would return an array of items.

So if you use:

phonecatServices.factory('Phone', ['$resource', function($resource){
    return $resource('phones/phones.json');
}]);

You can then perform a query like so:

var queryParams = { name: 'test' };

Phone.query(queryParams, {}, function (response) {
    $scope.phones = response;
});

Now if you wanted to add a custom action then the default for isArray is false so:

return $resource('phones/:phoneId.json', {}, {
      someCustomAction: {method:'GET', params:{phoneId:'phones'} }
});

would need to return an object. If an array was returned then isArray would need to be set to true like so:

return $resource('phones/:phoneId.json', {}, {
      someCustomAction: {method:'GET', params:{phoneId:'phones'}, isArray: true }
});

answered Feb 13, 2015 at 12:20

Wayne Ellery

7,9581 gold badge30 silver badges45 bronze badges

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

1 Comment

MaxRocket Over a year ago

To be fair, it's REALLY EASY to misunderstand Angular's documentation. :)

Collectives™ on Stack Overflow

Understanding angularJS $resource isArray property

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related