どのように私は、だから私はそうのように、私の角度のファイルに戻りAPIを呼び出しています

Question

4+角度でブロブ応答タイプを保存します：

getFile(fileInformation) { 
    const req = new HttpRequest('POST', 'filedownload', fileInformation, { reportProgress: true, responseType: "blob" }); 
    return this.http.request(req); 
} 

とAPIコントローラ（で私はthis SO top answerに従っ）このステップを把握：

Public Function GetFile(fileInformation As FileDto) As HttpResponseMessage 
    Dim filePath = Path.Combine(FileConstants.FilePath, fileInformation.FileType, fileInformation.FileName) 
    Dim fileStream = New FileStream(filePath, FileMode.Open, FileAccess.Read) 

    Dim result = new HttpResponseMessage(HttpStatusCode.OK) 
    result.Content = New StreamContent(fileStream) 
    result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream") 

    Return result 
End Function 

この呼び出しから返された結果はHttpResponseのものであり、体がタイプBlobです。

HttpResponse: { 
    blob: { 
    size: 289940, 
    type: "application/octet-stream" 
    }, 
    headers: ..., 
    status: 200, 
    ... 
} 

どのように私は今、私が応答を受信角度成分にこのファイルのダウンロードをトリガーするのですか？

Answer 1

install FileSaver from npm。

npm install --save file-saver 

あなたはブロブインスタンスを持っているあなたのクラスへのインポート、それを

import * as FileSaver from 'file-saver'; 

それからちょうど（4）私は単にFileSaverをインストールした後、私のクラスにインポートしAngular2に

FileSaver.saveAs(blob, fileName);