Angular 2 - 如何下载JSON对象

Question

如果我点击图标我想下载一个json对象。在Angular 2中怎么样？

这是我的HTML：

<i class="material-icons" (click)="download(model.model_id)">file_download</i>

这是我的打字稿：

  download(mid){

    let test = {"a":"b"}

    return test

  }

Answer 1

这是一个将数据导出到.csv文件的示例组件，它应该可以帮助您。

特别是buildDownloader()函数是关于如何创建下载程序： csv-downloader.ts

Answer 2

您应该可以使用标准html属性进行下载。 Docs here

<a href="/path/to/file.json" download="nameOfFile.json" target='_blank'>