Angularjsを使用してjsonをダウンロード

Question

私はwebapiを私のデータとそのデータを返すことがありますが、私はtxtファイルでダウンロードする必要があります。 私は以下のコードを使用してこれを行いました。私は望む結果を得ています。私は何とかより良いアプローチを探しています。これを行うための角度のある方法はありますか？

$scope.downloadResponseAsInfoFile = function (response) { 
    var link = document.createElement("a"); 
    link.download = "info.txt"; 
    var data = "text/json;charset=utf-8," + encodeURIComponent(response); 
    link.href = "data:" + data; 
    link.click(); 
}; 

サーバーからの応答を取得しない場合の対処方法

Answer 1

downloadResponseAsInfoFileでは、httpコールで応答が来ている場合は、responseに従って例外を処理する必要があります。

$scope.downloadResponseAsInfoFile = function (response) { 
    // if this response is coming through http call than make condition according to http response.statusCode 
    //check response is undefined, null or empty 
    if(typeof response == 'undefined' || response == null || response == "") 
     return ; 

    var link = document.createElement("a"); 
    link.download = "info.txt"; 
    var data = "text/json;charset=utf-8," + encodeURIComponent(response); 
    link.href = "data:" + data; 
    link.click(); 
}; 

角度ウェイ：article

Answer 2

あなたがここにWeb APIを 参照ドキュメントからデータをフェッチするための角度$ HTTPプロバイダを使用することができます - https://docs.angularjs.org/api/ng/service/ $ HTTP

$http.get(url).then(function (response) { 
var link = document.createElement("a"); 
link.download = "info.txt"; 
var data = "text/json;charset=utf-8," + encodeURIComponent(response); 
link.href = "data:" + data; 
link.click(); 
}; 

Answer 3

あなたはネイティブ使用して試みることができますJavaScript API - BlobおよびFileSaver.js saveAs HTML要素をまったく処理する必要はありません。

var data = { 
    key: 'value' 
}; 
var fileName = 'myData.json'; 

// Create a blob of the data 
var fileToSave = new Blob([JSON.stringify(data)], { 
    type: 'application/json', 
    name: fileName 
}); 

// Save the file 
saveAs(fileToSave, fileName); 

コントローラのコールバックに上記のコードを貼り付けてください。