Angular4: Http -> HttpClient - requestOptions

angular httpclient
DS_web_developer picture DS_web_developer · Aug 21, 2017 · Viewed 34.3k times · Source

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 :(

Answer

Andrei Matracaru picture Andrei Matracaru · Aug 21, 2017

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

Related questions

Angular 4: "Http failure response for (unknown URL): 0 Unknown Error"

I am trying to consume an API URL. I am calling the API with the below code. import {HttpClient, HttpClientModule, HttpParams} from "@angular/common/http"; @Injectable() export class PropertyPrefService { constructor(private http: HttpClient, private configurationService:Configuration) {} public searchProjects(propFilter:string):…

Read More
How to pass URLSearchParams in the HttpClient "get" method - Angular 5

I used Angular 4.2 with the Http service and I used the get method like this where params is a URLSearchParams object: this.http.get(url, {headers: this.setHeaders(), search: params}) I want to migrate to Angular 5. http is now a …

Read More
Error: No provider for HttpHandler in angular2

I am trying to implement HttpCache through interceptor. Following is the caching-interceptor.service.ts import { HttpRequest, HttpResponse, HttpInterceptor, HttpHandler, HttpEvent } from '@angular/common/http' import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import 'rxjs/add/operator/…

Read More