REST APIに作られたPOSTリクエストによって返されたCSVファイルをダウンロードする方法を

Question

編集：

htmlファイル：コントローラで

<button data-ng-click="$ctrl.toCSV()">ToCSV</button> 

コード：

$scope.toCSV = function() { 
    var sampleJson = {"key1": ["val1", "val2"], "key2": "valKey2", "key3": "valKey3"}; 
    // the service forms and returns the url string 
    var url = vm.originUrl + sampleService.getCSVDetails(id, false, "csv").url; 
    var form = $('<form action="' + url + '" method="post" style="display:none;">' + 
      '<input type="text/json" name="jsonData" value="' + sampleJson + '" />' + '</form>'); 
     $('body').append(form); 
     form.submit(); 
    }; 

私はないですどこに間違っているのか理解できるようになったので、私は多くのソリューションをチェックしました。私は郵便配達を使用して同じことを通過したときに、私は取得していますという応答は次のとおりです。

cache-control →no-store, no-cache=set-cookie 
content-disposition →attachment; filename=SampleDetails.csv 
content-encoding →gzip 
content-language →en-US 
content-length →767 
content-type →application/octet-stream 
date →Wed, 25 Oct 2017 15:13:51 GMT 
expires →Thu, 01 Dec 1994 16:00:00 GMT 
pragma →no-cache 
x-frame-options →SAMEORIGIN 
x-powered-by →Servlet/3.1 

は、私はちょうどそれは、テキスト「ToCSV」をクリックの上、ブラウザにダウンロードされるように、これを設定するかどうかはわかりません。今はダウンロードの代わりに新しい空のページで開くだけですが、郵便配達員はファイルの内容を取得できます。

jsonデータをバンドルし、postメソッドを使用してURLをヒットする方法を教えてください。

ありがとうございます！

Answer 1

私はfile-saverを使用して私のpdfファイルをダウンロードしました。

function downloadPdf(id) { 
    myServiceToGetFile(id).then(function(response) { 
     var blob = new Blob([response.data], { type: "application/octet-stream"}); 
     //change download.pdf to the name of whatever you want your file to be 
     fileSaver.saveAs(blob, 'fileName.pdf'); 
    } 
} 

とサービスは次のようになります。

function myServiceToGetFile(id) { 
    return $http.get(
     baseUrl + '/link/to/pdf/' + id, 
     {responseType: "arraybuffer"}); // must add this to work 
} 

PS：私たちはいくつかの理由は縮小の問題により、サービス内のライブラリを入れていました。