Duplicate parameters in Angular $http

Question

I want to add multiple parameters with the same name to a request URL. I'm using Angular's $http.

The URL should look like this: http://myBaseUrl?name1=value1&name1=value2...

I know that it is possible to make something like this when I set the values as an array: http://myBaseUrl?name1=value1,value2...

But it has to be like the first one.

why do you need to add same key twice? GET HTTP request uses key=value structure — Maxim Shoustin
– Maxim Shoustin, Commented Oct 12, 2017 at 13:54
I know that it is not pretty. But the api expects the values this way. — chocolate cake
– chocolate cake, Commented Oct 12, 2017 at 13:59

Edric · Accepted Answer · 2022-07-18 14:02:01Z

8

If you're using HttpClient you can use HttpParams for this.

let params = new HttpParams();

// Assign parameters
params = params.append('firstParameter', 'valueOne');
params = params.append('firstParameter', 'valueTwo');

// Get request
this.http.get(`http://example.com`, { params }).subscribe();

edited Jul 18, 2022 at 14:02

Edric

27.2k13 gold badges88 silver badges97 bronze badges

answered Oct 12, 2017 at 14:11

Owain van Brakel

3,3591 gold badge17 silver badges22 bronze badges

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

1 Comment

Robin Bruneel Over a year ago

In our project this is broken after upgrade from Angular 7 to Angular 15. Still searching a solution.

Collectives™ on Stack Overflow

Duplicate parameters in Angular $http

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