How to pass array parameter to AngularJS $resource

Question

When I pass an array to a resource action.. it doesn't convert the array parameter to an array of URL parameters

var Product = $resource('path/products');
Product.query({ids: [1,2,3]})

Instead of getting:

path/products?ids[]=1&ids[]=2ids[]=3

I'm getting:

path/products?ids=1&ids=2ids=3

Anyone knows how to get around this issue?

Shaishab Roy · Accepted Answer · 2015-08-20 07:43:15Z

23

You can use $resource to pass array

var searchRequest = $resource('/api/search/post', {}, {
    'get': {method: 'GET'}
});
searchRequest.get({'ids[]':[1,2,3]});

then you get request url

/api/search/post?ids%5B%5D=1&ids%5B%5D=2&ids%5B%5D=3

you get %5B%5D instead of []

and if you expect return array instead of object then you should use

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

answered Aug 20, 2015 at 7:43

Shaishab Roy

16.9k7 gold badges56 silver badges69 bronze badges

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

2 Comments

phil294 Over a year ago

nice, thanks! but why would you label your GET route /post? xD

Stas Coder Over a year ago

you saved my life!

Community · Accepted Answer · 2017-05-23 12:25:29Z

-1

Params should be declared like this

var Product = $resource('path/products?:ids',
{ids: '@ids'});

However I am not sure what resulting url you want to achieve. Any of the posted in OP ways is an invalid request, because of repeating parameter.

To stick to GET verb and define an array in query params I see the only way: to construct param as a string

var query = [1,2,3].map(function(el){return 'brand[]='+el}).join('&');
Product.query({ids: query});

PS Unless you have strong reasons the best approach would be to send arrays using POST verb, like described in this post. With array sent over URL you can easily run out of maximum URL length

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Apr 1, 2015 at 10:50

Kirill Slatin

6,1823 gold badges21 silver badges39 bronze badges

8 Comments

chrony Over a year ago

sorry, what does OP mean?

chrony Over a year ago

Based on the query, the parameter 'ids' is used to filter the resource.. the parameter can be 'category_id', 'brand_id', etc.. And the parameter can be an array to signify you want to filter the result by these brands for example (e.g: /path/products?brand[]=A&brand[]=B)

chrony Over a year ago

passing the parameter multiple times without using [] would overwrite the previous parameter passed. such as for the url "/path/products?brand=A&brand=B". the value of brand on the server would be 'B' not an array ['A','B'] because the first parameter brand which holds 'A' gets overwritten by the second brand parameter holding 'B'

Kirill Slatin Over a year ago

OP means Original Post or Original Poster based on context

chrony Over a year ago

so does this mean the url "/path/products?brand[]=A&brand[]=B" is not RESTful?

|

Collectives™ on Stack Overflow

How to pass array parameter to AngularJS $resource

2 Answers 2

2 Comments

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related