Angular2 do eksportowania/pobierania pliku json

Question

Używam kątowego 2. Chcę dać funkcjonalność do pobrania pliku JSON.

Podobnie jak mam odpowiedź z res = {bar: foo} wtedy chcę utworzyć plik json, który będzie zawierał tę odpowiedź, którą można pobrać na przycisk/kotwica.

Każda pomoc zostanie bardzo doceniona.

Answer 1

To było proste następnie spodziewałem

constructor(private sanitizer: DomSanitizer){} 

    generateDownloadJsonUri() { 
     var theJSON = JSON.stringify(this.resJsonResponse); 
     var uri = this.sanitizer.bypassSecurityTrustUrl("data:text/json;charset=UTF-8," + encodeURIComponent(theJSON)); 
     this.downloadJsonHref = uri; 
    } 

w szablonie

<a class="btn btn-clear" title="Download JSON" [href]="downloadJsonHref" download="download.json"></a> 

Answer 2

można użyć DomSanitizer: potrzebne jest https://angular.io/docs/ts/latest/api/platform-browser/index/DomSanitizer-class.html

oświadczenie importu:

import {enter code here DomSanitizer, SafeResourceUrl, SafeUrl} from '@angular/platform-browser'; 
constructor(private sanitizer: DomSanitizer){} 

generateDownloadJsonUri() { 
    var theJSON = JSON.stringify(this.resJsonResponse); 
    var uri = this.sanitizer.bypassSecurityTrustUrl("data:text/json;charset=UTF-8," + encodeURIComponent(theJSON)); 
    this.downloadJsonHref = uri; 
} 

Answer 3

Miałem problemy, gdy mój json był tak duży, dodałem obiekt Blob w odpowiedzi Ankur Akvaliya i działa!

generateDownloadJsonUri() { 
    let theJSON = JSON.stringify(this.resJsonResponse); 
    let blob = new Blob([theJSON], { type: 'text/json' }); 
    let url= window.URL.createObjectURL(blob); 
    let uri:SafeUrl = this.sanitizer.bypassSecurityTrustUrl(url); 
    this.downloadJsonHref = uri; 
}