Con el nuevo Angular Http, se puede probar lo siguiente en el código de servicio.

 downloadLink(): Observable<HttpResponse<Blob>> { return this.http.get<Blob>(this.someURL, { observe: 'response', responseType: 'blob' as 'json' }); }

Y usa lo anterior como

 this.someService .downloadLink() .subscribe( (resp: HttpResponse<Blob>) => { console.log(resp.headers.get('content-disposition')); data = resp.body });

Además, en el lado del servidor, es necesario configurar el siguiente encabezado en respuesta. 'Access-Control-Expose-Headers': 'Content-Disposition'

Al igual que en Java Spring Boot, se puede hacer lo mismo usando

 final HttpHeaders headers = new HttpHeaders(); headers.add(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=1.xlsx"); headers.add(HttpHeaders.ACCESS_CONTROL_EXPOSE_HEADERS, HttpHeaders.CONTENT_DISPOSITION);

Para aquellos que se quejan de que la mejor solución no funciona, y solo el tipo de contenido está en los encabezados, debe configurar 'Access-Control-Expose-Headers': 'Content-Disposition' EN EL LADO DEL SERVIDOR. Estoy usando asp.net core, luego tengo que hacer lo siguiente.

 app.UseCors(builder => builder.WithOrigins(originsAllowed.ToArray()) .AllowAnyMethod() .AllowAnyHeader() .WithExposedHeaders("Content-Disposition")

Puedes probar este tipo de código aquí.

Nota: No utilice el mapa

 this.http.post(URL, DATA) .subscribe((res) => { var headers = res.headers; console.log(headers); //<--- Check log for content disposition var contentDisposition = headers.get('content-disposition'); });