Wie man richtig mit Angular2

Question

Dies ist der Code meines Dienstes Excel-Datei herunterladen, die mit Antwort eine xls-Datei Post-Anforderung macht:

exportInternalOrder(body) { 
     let user_token: string = this.sessionService.getToken(); 
     let headers = new Headers(); 
     headers.append('responseType', 'arraybuffer'); 
     headers.append('Authorization', 'Bearer ' + user_token); 
     return this.http.post(this.config.exportInternalOrder, body,{ 
      headers: headers 
     }).map(res => new Blob([res._body],{ type: 'application/vnd.ms-excel' })); 
    } 

die angeblich Antwort von Excel-Datei zu behandeln. Dies ist der Code aufgerufen wird es:

let objToSend = this.makeObjToSend(false); 
this.reportingService.exportExcel(objToSend) 
    .subscribe(
     data => { 
      this.exportData(data); 
     }, 
     error => { 
      this.errorFilterMsg.push({ severity: 'error', detail: 'Report exporting has failed!' }); 
     } 
); 

Und dies ist das Speichern der Datei (aus irgendeinem Grunde window.open tut nichts):

exportData(data){  
     let blob = data; 
     let a = document.createElement("a"); 
     a.href = URL.createObjectURL(blob); 
     a.download = 'fileName.xls'; 
     document.body.appendChild(a); 
     a.click();   
    } 

Aber die Datei immer noch als beschädigt man spart. Bei Verwendung von Postman und Curl kommt es in Ordnung. Jede Hilfe wäre willkommen.

Answer 1

responseType soll nicht in headers eingestellt wird, ist es Teil von RequestOptionsArgs Objekt ist, das als zweites Argument in post Funktion übergeben wird und RequestOptionsArgs enthält headers, responseType und andere, können Sie mehr darüber here lesen. Also, sollten Sie den Code wie folgt aussehen:

import { ResponseContentType } from '@angular/http'; 

exportInternalOrder(body) { 
    let user_token: string = this.sessionService.getToken(); 
    let headers = new Headers(); 
    headers.append('Authorization', 'Bearer ' + user_token); 
    return this.http.post(this.config.exportInternalOrder, body,{ 
     headers: headers, 
     responseType: ResponseContentType.Blob 
    }).map(res => new Blob([res._body],{ type: 'application/vnd.ms-excel' })); 
} 

Answer 2

Ich schreibe this..it für andere hilfreich sein, die für Angular 2 Lösung suchen Datei-Download-Funktionalität. Nachstehendes Stück Code funktioniert für mich.

import { ResponseContentType } from '@angular/http'; 

exportInternalOrder(body) { 
    let user_token: string = this.sessionService.getToken(); 
    let headers = new Headers(); 
    headers.append('Authorization', 'Bearer ' + user_token); 
    return this.http.post(this.config.exportInternalOrder, body,{ 
     headers: headers, 
     responseType: ResponseContentType.Blob}).map(res => new Blob([res.blob()],{ type: 'application/vnd.ms-excel' })); 
}