Since the set method returns headers object every time, you can do this. This way, original headers from the intercepted request will also be retained. const authReq = req.clone({ headers: req.headers.set(‘Content-Type’, ‘application/json’) .set(‘header2’, ‘header 2 value’) .set(‘header3’, ‘header 3 value’) });
The expectOne method in HttpTestingController class returns a TestRequest object. This TestRequest class has a flush method which can be used to deliver both successful and unsuccessful responses. We can resolve the request by returning a body along with some additional response headers (if any). Relevant info can be found here. Now, coming back to … Read more
You have to inline the options. See github ticket #18586, entry by alxhub on August 9 2017. Typescript needs to be able to infer the observe and responseType values statically, in order to choose the correct return type for get(). If you pass in an improperly typed options object, it can’t infer the right return … Read more
Blobs are returned with file type from backend. The following function will accept any file type and popup download window: downloadFile(route: string, filename: string = null): void{ const baseUrl=”http://myserver/index.php/api”; const token = ‘my JWT’; const headers = new HttpHeaders().set(‘authorization’,’Bearer ‘+token); this.http.get(baseUrl + route,{headers, responseType: ‘blob’ as ‘json’}).subscribe( (response: any) =>{ let dataType = response.type; let … Read more
I ended up finding it through the IntelliSense on the get() function. So, I’ll post it here for anyone who is looking for similar information. Anyways, the syntax is nearly identical, but slightly different. Instead of using URLSearchParams() the parameters need to be initialized as HttpParams() and the property within the get() function is now … Read more
For future visitors: In the new HttpClient (Angular 4.3+), the response object is JSON by default, so you don’t need to do response.json().data anymore. Just use response directly. Example (modified from the official documentation): import { HttpClient } from ‘@angular/common/http’; @Component(…) export class YourComponent implements OnInit { // Inject HttpClient into your component or service. … Read more
For calls that depend on previous result you should use concatMap firstPOSTCallToAPI(‘url’, data).pipe( concatMap(result1 => secondPOSTCallToAPI(‘url’, result1)) concatMap( result2 => thirdPOSTCallToAPI(‘url’, result2)) concatMap(result3 => fourthPOSTCallToAPI(‘url’, result3)) …. ).subscribe( success => { /* display success msg */ }, errorData => { /* display error msg */ } ); if your async method does not depend on … Read more
You need to observe the entire response as described below: createOrder(url) : Observable<HttpResponse<Object>>{ return this.http.get<HttpResponse<Object>>(this.url, {observe: ‘response’}).pipe( tap(resp => console.log(‘response’, resp)) ); } Now inside resp you can access headers An example createOrder(url) : Observable<HttpResponse<Object>>{ return this.http.get<HttpResponse<Object>>(this.url, {observe: ‘response’}).pipe( tap(resp => console.log(‘heaeder’, resp.headers.get(‘ReturnStatus’))) ); } If you can’t access your custom header as explained above … Read more
Before 5.0.0-beta.6 let httpParams = new HttpParams(); Object.keys(data).forEach(function (key) { httpParams = httpParams.append(key, data[key]); }); Since 5.0.0-beta.6 Since 5.0.0-beta.6 (2017-09-03) they added new feature (accept object map for HttpClient headers & params) Going forward the object can be passed directly instead of HttpParams. getCountries(data: any) { // We don’t need any more these lines // … Read more
You have some options, depending on your needs. If you want to handle errors on a per-request basis, add a catch to your request. If you want to add a global solution, use HttpInterceptor. Open here the working demo plunker for the solutions below. tl;dr In the simplest case, you’ll just need to add a … Read more