仅使用 Angular 7 将 json 数据写入本地 JSON 文件答案

【问题标题】：Write json data to local JSON file using only angular 7仅使用 Angular 7 将 json 数据写入本地 JSON 文件
【发布时间】：2020-01-04 19:05:54
【问题描述】：

我有一个提交表单的表单，我在提交表单后收到了 json 对象。我正在尝试的是我在“/src/app/data.json”的应用程序文件夹中有一个文件data.json。如何使用 Node 将数据写入 JSON 文件。

下面是我的代码

下面是我的component.ts中的代码

 savedatatojson(jsonobject){
   // jsonobject is the json data
   this.dataservice.savedata(jsonobject).subscribe(data => {
     console.log(this.data)
  })
 }

以下是我的服务文件中的代码

 public savedata(jsonobject):Observable<any>{
   //code to be written
 }

如何将数据保存到我在服务文件中获得的 json 文件中

【问题讨论】：

“本地 JSON 文件”是什么意思？您想将文件保存在部署应用程序的 服务器 上，还是保存在使用您的应用程序的用户的机器上？请注意，服务器和客户端都没有src/app/ 文件夹。此文件夹仅存在于您的计算机上。
@JBNizet 是的，只存在于我的机器中以及如何保存在我的机器中
你不能。应用程序的用户将使用自己的机器浏览网络，并且应用程序将部署在服务器上，而不是您的机器上。 S 你的机器完全无关紧要。

标签： json typescript angular7 angular7-router angular-json

【解决方案1】：

您不能，网络浏览器没有写入源文件的权限。确实存在file system api，但这是非标准的，只能访问非常有限的文件位置。

相反，您应该将数据发送到数据库，稍后您可以读取和写入文件，或者在应用程序中生成一个文件，用户可以自己下载到他们自己的计算机下载文件夹中。还可以选择使用无服务器功能来更新服务器上的远程文件，或者例如 google sheet。

【讨论】：