仅使用angular 7将json数据写入本地json文件

仅使用angular 7将json数据写入本地json文件,json,typescript,angular7,angular7-router,angular-json,Json,Typescript,Angular7,Angular7 Router,Angular Json,我在表单提交时有一个表单,我在表单提交后收到json对象。我尝试的是在我的应用程序文件夹“/src/app/data.json”中有一个data.json文件。如何将数据写入带有节点的JSON文件中 下面是我的代码 下面是my component.ts中的代码 savedatatojson(jsonobject){ // jsonobject is the json data this.dataservice.savedata(jsonobject).subscribe(data

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

下面是我的代码

下面是my 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
 }
publicsavedata(jsonobject):可观察{
//要编写的代码
}

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

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

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

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

什么是“本地JSON文件”?要将文件保存在部署应用程序的服务器上,还是保存在使用应用程序的用户的计算机上?请注意,服务器和客户端都没有
src/app/
文件夹。此文件夹只存在于您的计算机上。@JBNizet是的,它只存在于我的计算机上,如何保存在我的计算机上您不能。应用程序的用户将使用自己的计算机浏览web,并且应用程序将部署在服务器上,而不是您的计算机上。你的机器完全不相关。