Download Json mit Angularjs

Question

Ich habe Webapi gibt mir Daten zurück und diese Daten muss ich in eine TXT-Datei herunterladen. Ich habe es unter Verwendung von unten Code gemacht und ich bekomme Ergebnis wie gewünscht. Ich bin irgendwie auf der Suche nach einem besseren Ansatz. Gibt es einen eckigen Weg, dies zu tun?

$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(); 
}; 

Wie kann ich Ausnahme behandeln, falls ich keine Antwort vom Server bekomme.

Answer 1

In downloadResponseAsInfoFile, wenn die Antwort über HTTP-Aufruf kommt, müssen Sie die Ausnahme gemäß response behandeln.

$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(); 
}; 

Angular Way: article

Answer 2

können Sie Winkel des verwenden $ http-Provider für Daten aus dem Web api Siehe Dokumentation holen sich hier: - 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

Sie könnten versuchen, mit nativen JavaScript API - Blob und FileSaver.js saveAs Keine Notwendigkeit, mit HTML-Elementen überhaupt zu arbeiten -

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); 

Fügen Sie einfach den obigen Code in den Rückruf Ihres Controllers ein.