각도 2 트리거 엑셀 다운로드

Question

백엔드가 이미 응답에서 다운로드를 제공하고있을 때 어떻게 각도 2에서 다운로드를 트리거합니까?

내 백엔드는이 같은 API 엔드 포인트 제공 :

이

Workbook userExcelReport = excelReportGenerator.createUserExcelReport(userSurveys); 

    response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"); 
    response.setHeader("Content-Disposition", "attachment; filename=\"" + userFileName + ".xlsx\""); 

    try { 
     userExcelReport.write(response.getOutputStream()); 
     userExcelReport.close(); 
     response.flushBuffer(); 
     return new ResponseEntity(HttpStatus.OK); 
    } catch (IOException e) { 
     logger.error("The excel workbook could not write to the outputStream ", e); 
     return new ResponseEntity(HttpStatus.INTERNAL_SERVER_ERROR); 
    } 
} 

방법은 입증

가 작동하는 (아무 프론트 엔드와 백엔드 (입력으로) 다운로드가 제대로 트리거를)하지만 지금은 각도를 만들고 싶어

return this._http.get(this.url, { 
     search: params 
    }); 

을하지만 지금은 아래를 실행하는 방법을 잘 모릅니다 : 다운로드

에게 트리거 2 페이지 전 페이지가 다소 준비, 내가 서비스이 있습니다 응답과 부하 (내가 그것을지도하는 방법을 모르거나 무엇을 해달라고)

Answer 1

정말 간단한 해결책 : 엔드 포인트가 이미 다운로드 단지 (의 검색어 매개 변수와 함께) 엔드 포인트 URL을 구축 트리거 경우

this.url += '/api/survey/report/'; 
this.url += this.adminForm.get('fileType').value; 

if (this.adminForm.get('evaluated').value !== null || this.adminForm.get('startDate').value !== null 
    || this.adminForm.get('endDate').value !== null) { 
    this.url += '?'; 


    if (this.adminForm.get('evaluated').value !== null) { 
    this.url += '&name='; 
    this.url += this.adminForm.get('evaluated').value; 
    } 

    if (this.adminForm.get('startDate').value !== null && this.adminForm.get('startDate').value !== '') { 
    this.url += '&startdate='; 
    this.url += this.adminForm.get('startDate').value; 
    } 

    if (this.adminForm.get('endDate').value !== null && this.adminForm.get('endDate').value !== '') { 
    this.url += '&enddate='; 
    this.url += this.adminForm.get('endDate').value; 
    } 
} 

및 그냥 리다이렉트하면됩니다.

window.location.href = this.url; 

this.url = environment.apiURL;