如何使用 Angular 2 读写本地文件答案

【问题标题】：How to read and write local file using angular 2如何使用 Angular 2 读写本地文件
【发布时间】：2018-07-01 19:05:11
【问题描述】：

在 Angular 2 中，有没有办法从绝对路径读取/写入文件？
我使用了“filesaver”库来保存文件，我保存文件的位置
本地 txt/json 格式。
示例：

let blob = new Blob([document.getElementById('exportFile').innerHTML],{ 
    type: "text/plain;charset=utf-8"
});
saveAs(blob, "export.json");

现在我想读取和写入/编辑 export.json 文件。下次怎么参考？
有没有其他方法，或者有没有什么好的图书馆可用于这些
操作？

【问题讨论】：

为什么要保存为json格式的文件？
要求是，我应该将管理仪表板布局数据保存在某个文件中。在小部件可移动的地方，在小部件改变位置后，我需要将小部件 css 存储在某个对象中，然后将其存储在 json 文件中。当用户再次访问时，他应该得到他修改后的布局。基本上，我被要求通过将数据存储在某个文件中来在本地实现它。如果您对此有更好的方法，请提供帮助

标签： angular typescript filesystems angular2-routing angular5

【解决方案1】：

要读取您的文件，您可以这样做（使用 HttpClient）

public getJSON(): Observable<any> {
         return this.http.get("./export.json")
                         .map(res => {var data = res.json(); return data});

}

很遗憾，您不能使用 put / post 写入文件，但我可以向您推荐 'jsonfile' 库：https://www.npmjs.com/package/jsonfile

希望对你有帮助！

【讨论】：

我无法使用这个库，如何导入？
npm install --save jsonfile
然后使用require语句在你的代码jsonfile中导入