कोणीय 2 जेसन फ़ाइल को निर्यात/डाउनलोड करने के लिए

Question

मैं कोणीय 2 का उपयोग कर रहा हूं। मैं JSON फ़ाइल डाउनलोड करने के लिए कार्यक्षमता देना चाहता हूं।

जैसा कि मुझे res = {bar: foo} के साथ प्रतिक्रिया है, तो मैं जेसन फ़ाइल बनाना चाहता हूं जिसमें यह प्रतिक्रिया होगी जिसमें बटन/एंकर क्लिक पर डाउनलोड किया जा सकता है।

किसी भी मदद की सराहना की जाएगी।

Answer 1

यह तो आसान था मैं

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

उम्मीद टेम्पलेट

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

Answer 2

आप DomSanitizer का उपयोग कर सकते में: https://angular.io/docs/ts/latest/api/platform-browser/index/DomSanitizer-class.html

आयात बयान की जरूरत है:

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

मेरी जेसन इतनी बड़ी थी जब मुझे कुछ समस्याएं थीं, मैंने अंकुर अकवालिया के जवाब में एक ब्लॉब ऑब्जेक्ट जोड़ा और यह काम करता है !!

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