Angular2导出/下载json文件

Question

我正在使用 angular 2。我想提供下载 JSON 文件的功能。

就像我对 res = {bar : foo} 的响应一样，我想创建 json 文件，其中将包含可以在按钮/锚点击时下载的响应。

任何帮助将不胜感激。

原文由 Ankur Akvaliya 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 Ankur Akvaliya 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

纯 JavaScript 将完成这项工作。

 downloadJson(myJson){
    var sJson = JSON.stringify(myJson);
    var element = document.createElement('a');
    element.setAttribute('href', "data:text/json;charset=UTF-8," + encodeURIComponent(sJson));
    element.setAttribute('download', "primer-server-task.json");
    element.style.display = 'none';
    document.body.appendChild(element);
    element.click(); // simulate click
    document.body.removeChild(element);
}

原文由 takasoft 发布，翻译遵循 CC BY-SA 3.0 许可协议