Angular4: Http -> HttpClient - requestOptions

Question

So, I am trying to migrate from 'old' http to the new httpClient

with the http client I am using this format in my service:

return this.http.get(environment.api+ '.feed.json', requestOptions)

how do I use this in httpClient?

tried many thiungs... including

return this.http.get(environment.api+ '.feed.json', {params: requestOptions.params})

but getting a type missmatch :(

Andrei Matracaru · Accepted Answer · 2017-08-21 13:01:32Z

22

Try this:

const requestOptions = {
  params: new HttpParams()
};

requestOptions.params.set('foo', 'bar');

this.http.get(environment.api+ '.feed.json', requestOptions );

Here is also the link to the docs describing how to do that with examples for headers and URL Parameters: HttpClient

edited Aug 21, 2017 at 13:01

answered Aug 21, 2017 at 12:51

Andrei Matracaru

3,6811 gold badge27 silver badges30 bronze badges

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

6 Comments

Demiro-FE-Architect Over a year ago

so I cannot use const requestOptions = new RequestOptions(); anymore?

Andrei Matracaru Over a year ago

no, RequestOptions is part of the @angular/http package - see here

Demiro-FE-Architect Over a year ago

the HttpParams() are really weird.... you cannot do like you did @AndreiMatracaru :/ you have to concatenate like new HttpParams().set('foo', 'bar') otherwise is not working.... and I don't know how to use it if I have many params I need to add but validate first :/

Alex I. Over a year ago

@DS_web_developer, in case if you have to do some things with your params and add them after this, you can do something like that: let params = new HttpParams(); params = params.append('foo', 'bar').append('baz', 'qux'); And so on.

Kyle Vassella Over a year ago

How might I use your example to set withCredentials: true?

|

Collectives™ on Stack Overflow

Angular4: Http -> HttpClient - requestOptions

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related