CODEWITHSUNDEEP
javascriptangularapiangular-httpclientangular10
manu george
manu george

Reputation: 65

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

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`);

Upvotes: 1

Views: 2423

Answers (2)

Panagiotis Bougioukos
Panagiotis Bougioukos

Reputation: 18919

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);

Angular Doc

Upvotes: 3

Gabriel Sereno
Gabriel Sereno

Reputation: 855

You can provide the params like this:

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

Upvotes: 1

Related Questions