각도 2 RC 5 서버에서 PDF 가져 오기 및 표시 시도

Question

서버에서 생성 된 PDF를 Angular 2 RC 5 프로젝트의보기로 표시하려고합니다. 현재 ASPNETCORE 서버는 개체를 'application/pdf'로 반환하고 Angular 클라이언트는 응답을 blob로 구문 분석하려고합니다.

Error: The request body isn't either a blob or an array buffer

나는 PDF 서버 전화를 사용하고 코드는 본질적으로 : BLOB하는 responseType을 설정하는

getHeaders() : Headers { 
    var headers = new Headers({ 
     'responseType': 'application/blob' 
    }); 
    return headers; 
} 

getBlob() { 
    return this.http.get(uri, new RequestOptions({headers: this.getHeaders()}, body: "" })) 
    .map(response => (<Response>response).blob()); 
} 

Answer 1

봅니다 그러나, 나는 클라이언트 측에서 다음과 같은 오류가 , 그것을 작동합니다 :

getBlob() { 
return this.http.get(uri, {responseType: ResponseContentType.Blob}) 
.map(response => (<Response>response).blob()); 

을}

Answer 2

일의 F를 나 나 :

는

구성 요소 :

downloadInvoice(invoice) { 
    this.loading = true; 
    this.invoiceDataService 
    .downloadInvoice(invoice) 
    .subscribe(
    (blob) => { 
     FileSaver.saveAs(blob, 'test.pdf'); 
    }, 
    error => this.error = error, 
    () => { 
     this.loading = false; 
     console.log('downloadInvoices : Request Complete') 
    } 
) 
} 

데이터 서비스 :

downloadInvoice(invoice): Observable<Blob> { 
    return this.api.downloadInvoice(invoice); 
} 

API 서비스 :

downloadInvoice(invoice: Invoice): Observable<Blob> { 
    return this.authHttp 
    .get(this.apiBase + '/invoices/' + invoice.hashid + '/download', {responseType: ResponseContentType.Blob}) 
    .map(response => { 
    return new Blob([response.blob()], {type: 'application/pdf'}); 
    }) 
    .catch(this.handleError.bind(this)); 
} 

이는 '현대'답변입니다 :)