ngClickでZIPファイルをダウンロードするにはどうすればよいですか？

Question

私は/download?id=10にGETリクエストを送信してファイルをダウンロードしようとしているAngularJS関数を持っています。 <button ng-click="download()">DOWNLOAD</button>：

$scope.download = function(){ 
    $http({ 
    url: "/download", 
    method: "GET", 
    params: {id:"10"} 
    }); 
} 

この関数はbuttonタグにバインドされています。

ボタンをクリックしても何も起こりません。しかし、ブラウザを/download?id=10に移動すると、バックエンドで作成されたzipファイルがダウンロードされます。

ng-clickメソッドでファイルをダウンロードするにはどうすればよいですか？

Answer 1

あなたはこの

$scope.download = function(){ 

     window.loaction.href = "/download?id=10"; 

} 

または

あなたはダイナミックのparamsのために

$scope.download = function(){ 
     $http({ 
     url: "/download", 
     method:'GET' 
     params: {id:"10"} 
     }); 
    } 

あなたの関数でmethod:GET or POSTを追加するのを忘れ

<a href="/download?id=10" download>Download</a> 

Answer 2

使用することができるように試みることができます：あなたはまだしたい場合は

<a href="/download?id=10" download>Download</a> 

ボタンのng-clickを持っている必要があり、あなただけの<a>要素で置き換えるとhrefプロパティを追加することができ、

ません

$scope.download = function(id){ 
    $http({ 
    url: "/download", 
    method:'GET' 
    params: {id:id} 
    }); 
} 

Answer 3

ボタンを持って、GETファイルを取得する方法を使用して、

$scope.download = function(){ 
     $http({ 
     url: "/download", 
     method:'GET' 
     params: {id:"10"} 
     }); 
    }