How can I set multiple parameters to HttpParams in Angular 5

Question

I am trying to send multiple parameters to HttpParams in Angular 5 using the following approach:

            paramsObject: any
            params = new HttpParams();
            for (let key in paramsObject) {
                params.set(key, paramsObject[key]);
            }

This worked in Angular 4, but in Angular 5 since HttpParams is immutable object the params are not being set to HttpParams and null parameters are being passed. Could you let me know how I can set multiple parameters to HttpParams. I am using Angular 5 and TypeScript.

Put your params in an arguments of constructor angular.io/api/common/http/HttpParams#constructor or modify params = params.set(key, para...), This class is immutable - all mutation operations return a new instance. — botika
– botika, Commented Apr 21, 2018 at 3:45

Özer · Accepted Answer · 2020-07-31 14:14:03Z

1

You need to reassign the params again:

paramsObject: any;
let params = new HttpParams();

for (let key in paramsObject) {
    params = params.set(key, paramsObject[key]);
}

return params;

edited Jul 31, 2020 at 14:14

answered Jul 4, 2020 at 0:59

Özer

2,11420 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

How can I set multiple parameters to HttpParams in Angular 5

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related