How to pass multiple values to a parameter in a GET API in angular 9+ using http client

Question

I'm getting an array of Id's like below:-

id=[1,2,3,4]

How to dynamically pass those value from array id to a parameter of a API request like this in angular:-

this.http.get(`/api/request?num=1,2,3,4`);

Panagiotis Bougioukos · Accepted Answer · 2021-05-13 21:09:25Z

3

const ids: string = id.join(',')
this.http.get(`/api/request?num=${ids}`);

Or

const ids: string = id.join(',')
const options = { params: new HttpParams().set('num', ids) };
this.http.get('/api/request', options);

answered May 13, 2021 at 21:09

19.6k4 gold badges41 silver badges63 bronze badges

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

Comments

Gabriel Sereno · Accepted Answer · 2021-05-13 19:58:44Z

1

You can provide the params like this:

const num = [1,2,3,4]
this.http.get(`/api/request`, {params: {num}});

answered May 13, 2021 at 19:58

Gabriel Sereno

8551 gold badge5 silver badges6 bronze badges