angular-httpclient

I'm fetching an object from a json endpoint using the HttpClient. After I fetch it and subscribe to the observable, I found that the constructor doesn't run on the model and the public methods on the object are all undefined. How do I get the constructor to run and the methods are available? export class Customer { constructor() { this.Addresses = new Array<Address>(); } public Addresses: Array<Address>; public addAddress(address: Address) void{ this.Addresses.push(address); } } var url: string = `${this.urlBase}api/customer/${id}`; var customerObservable: Observable<Customer> = this.authHttp

I'm getting a compilation error on the return type when using HttpClient. In my function GetPortfolio , I'm expecting the GET call to return the json object of type Observable<Portfolio> but it's giving the error: Type Observable<HttpEvent<Portfolio>> is not assignable to type Observable<Portfolio> . Type HttpEvent<Portfolio> is not assignable to type Portfolio . Type HttpProgressEvent is not assignable to type Portfolio . Property name is missing in type HttpProgressEvent . My code: import { Injectable } from '@angular/core'; import { environment } from './environments/environment'; import {

Context: I'm trying to download a binary file from a backend (that requires some data posted as json-body) and save it with file-saver using the filename specified by the backend in the content-disposition header. To access the headers I think I need the HttpResponse. But I'm unable to use angular's HttpClient.post<T>(...): Observable<HttpResponse<T>>; method with a Blob. When I call this.httpclient.post<Blob>('MyBackendUrl', params, {observe: 'response', responseType: 'blob'}); the compiler complains about the 'blob' ('json' is accepted by the compiler): error TS2345: Argument of type '{

In my Angular 5 app a certain dataset (not changing very often) is needed multiple times on different places in the app. After the API is called, the result is stored with the Observable do operator. This way I implemented caching of HTTP requests within my service. I'm using Angular 5.1.3 and RxJS 5.5.6. Is this a good practise? Are there better alternatives? import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs/Observable'; import 'rxjs/add/observable/of'; import 'rxjs/add/operator/do'; @Injectable() export class

The Angular docs say: The response body doesn't return all the data you may need. Sometimes servers return special headers or status codes to indicate certain conditions, and inspecting those can be necessary. To do this, you can tell HttpClient you want the full response instead of just the body with the observe option: http .get<MyJsonData>('/data.json', {observe: 'response'}) .subscribe(resp => { // Here, resp is of type HttpResponse<MyJsonData>. // You can inspect its headers: console.log(resp.headers.get('X-Custom-Header')); // And access the body directly, which is typed as MyJsonData as

I have a data service that looks like this: @Injectable() export class DataService { baseUrl = 'http://localhost' constructor( private httpClient: HttpClient) { } get(url, params): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'get', null, params) .map((res) => { return res as Object }) .toPromise(); } post(url, body): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'post', body) .map((res) => { return res as Object }) .toPromise(); } patch(url, body): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'patch', body) .map((res) => { return res as Object