Salva json su file in angularjs ..?

Question

Sono nuovo di angularjs e sto cercando di creare un'applicazione a singola pagina. Ho un controller di casa con un codice molto semplice. Ha un pulsante "Ottieni dati" che chiama l'API e l'API restituisce i dati JSON.

Ora ho ricevuto la risposta e posso visualizzare la risposta sulla pagina html. I dati JSON è come questo

{ 
"Name":"A", 
"Age":"21" 
} 

Ora il mio problema è: Come posso salvare i dati JSON sopra per pc quando clicco il pulsante "Carica dati"?

Answer 1

$scope.saveToPc = function (data, filename) { 

    if (!data) { 
    console.error('No data'); 
    return; 
    } 

    if (!filename) { 
    filename = 'download.json'; 
    } 

    if (typeof data === 'object') { 
    data = JSON.stringify(data, undefined, 2); 
    } 

    var blob = new Blob([data], {type: 'text/json'}); 

    // FOR IE: 

    if (window.navigator && window.navigator.msSaveOrOpenBlob) { 
     window.navigator.msSaveOrOpenBlob(blob, filename); 
    } 
    else{ 
     var e = document.createEvent('MouseEvents'), 
      a = document.createElement('a'); 

     a.download = filename; 
     a.href = window.URL.createObjectURL(blob); 
     a.dataset.downloadurl = ['text/json', a.download, a.href].join(':'); 
     e.initEvent('click', true, false, window, 
      0, 0, 0, 0, 0, false, false, false, false, 0, null); 
     a.dispatchEvent(e); 
    } 
}; 

La soluzione è spudoratamente copiato da http://bgrins.github.io/devtools-snippets/#console-save

Modifica Grazie alla @ufk cambiato Metodo obsoleto initMouseEvent-initEvent. Non so perché non funziona in MSIE 11, probabilmente a causa di restrizioni di sicurezza. E Microsoft Edge ha un nuovo modo di impostare tutte le proprietà dell'evento sintetico, ma non l'ho testato.