Angular 5 httpClient и HttpHeaders и объект ответа?

Question

Я использую Angular 5 с httpClient.

Этот код отправляет сообщение с HttpHeaders. Отлично!

const httpOptions = {
   headers: new HttpHeaders({
     'Content-Type': 'application/json',
     'Authorization': 'my-auth-token'
   }),
};


return this.http.post<any>(serviceUrl + url, dto, httpOptions)
  .pipe(
    catchError(this.handleError)
  );

Этот код возвращает объект ответа. Отлично!

  return this.http.post<any>(serviceUrl + url, fileForUpload, { observe: 'response' })
    .pipe(
      catchError(this.handleError)
    );

Как я могу иметь оба? POST с HttpHeaders И получить объект ответа? Спасибо

Answer 1

это сработало:

export interface IRequestOptions {
  body?: any;
  headers?: HttpHeaders | { [header: string]: string | Array<string> };
  observe?: any;
  params?: HttpParams | { [param: string]: string | Array<string> };
  reportProgress?: boolean;
  responseType?: "json";
  withCredentials?: boolean;
}

const options: IRequestOptions = {
  headers: new HttpHeaders({
  "Content-Type": "application/json",
  "Authorization": "my-auth-token"
}),
observe: "response"
};

Answer 2

const httpOptions = {
   headers: new HttpHeaders({
     'Content-Type': 'application/json',
     'Authorization': 'my-auth-token'
   }),
   observe: "response"
};

return this.http.post<any>(serviceUrl + url, fileForUpload, httpOptions)
.pipe(
  catchError(this.handleError)
);