角2でExcelファイルをダウンロードするには

Question

角2を学んでいますが、Web APIを使用してSQL Serverテーブルから顧客データを取り出すことで、角2のExcelファイルをダウンロードしようとしています。

グーグルで検索した後、私はいくつかのコードが、私はダウンロードすることができるよそのコードを使用していますが、それは適切なデータが含まれていないと、ファイル名はまた、いくつかのGUID形式の下

を持っている私が使用しているコードは次のとおりです。

コンポーネント

 GetRemindersData() 
     { 
      var Flag="ALL_SPOTCHECK_RECORDS"; 
      this.httpService.GetRemindersData(Flag).subscribe(
      data=>this.downloadFile(JSON.stringify(data[1])), 
      error => console.log("Error downloading the file."), 
      () => console.info("OK")); 

     } 

     downloadFile(data:any){ 
      console.log(data); 
     var blob = new Blob([data], { type: 'application/vnd.ms-excel' }); 
      var url= window.URL.createObjectURL(blob); 
      window.open(url); 
      } 

Service.ts

   public GetRemindersData(Flag:string){ 

       var GetRemindersData_URL:string = 'http://localhost:5000/api/RemindersData/?Flag='+Flag; 


       return this.http.get(`${GetRemindersData_URL}`) 
          .map((res:Response) => res.json()) 
          .catch((error:any) => Observable.throw(error.json().error || 'Server error')); 
      }  

Answer 1

サービスリターンJSON、それはBLOB型を返す必要があり、あなたがその

return this.http.get(url,{responseType: ResponseContentType.Blob }).map(
    (res) => { 
     return new Blob([res.blob()], { type: 'application/vnd.ms-excel' }) 
    }) 

のように行うことができます。またangular2 file downlaod