Angular 如何以Json格式保存数据并通过API将其发送到服务器?

Angular 如何以Json格式保存数据并通过API将其发送到服务器?,angular,typescript,Angular,Typescript,我想以Json格式保存所有表单数据,并将其从UI发送到服务器 我尝试了所有可用的资源 我被困在基本的设计结构中。如果有人能帮忙,我们将不胜感激 以下是简单的方法: 将对ngForm的引用添加到表单元素: 为所有输入添加名称属性。这将是json中的键。同时,在每个模型上添加对ngModel的引用: 使用ViewChild:@ViewChild(“f”)form:NgForm在组件中获取表单的引用 将HttpClient插入组件:构造函数(私有HttpClient:HttpClient){} 使用它

我想以Json格式保存所有表单数据,并将其从UI发送到服务器

我尝试了所有可用的资源


我被困在基本的设计结构中。如果有人能帮忙,我们将不胜感激

以下是简单的方法:

  • 将对ngForm的引用添加到表单元素:
  • 为所有输入添加名称属性。这将是json中的键。同时,在每个模型上添加对ngModel的引用:
  • 使用ViewChild:
    @ViewChild(“f”)form:NgForm在组件中获取表单的引用
  • 将HttpClient插入组件:
    构造函数(私有HttpClient:HttpClient){}
  • 使用它将数据发布到服务器:
    this.httpClient.post('http:///some/url,this.form.value).subscribe()

  • 下面是一个基于您的代码示例的示例:

    您已经创建了一个可注入服务类来添加通过http调用保存数据的方法。您可以参考这篇文章,这是非常基本的要求,因此您可以通过google找到解决方案。非常感谢,先生。如果这解决了您的问题,您能接受答案吗(向上/向下投票按钮下方的白色复选标记)表示此问题已回答。谢谢