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

Question

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

我尝试了所有可用的资源。

我陷入了基本的设计结构。如果有人能提供帮助，我们将不胜感激。

Answer 1

这是一个简单的方法：

1. 在表单元素中添加对ngForm的引用：<form #f="ngForm">
2. 为所有输入添加名称属性。这将是你的json中的键。当你在它的时候，在每一个上添加对ngModel的引用：<input ngModel name="fname" type="text" class="form-control" id="fname" placeholder="First Name">
3. 使用ViewChild获取您的表单参考：@ViewChild("f") form: NgForm;
4. 在您的组件中注入HttpClient：constructor(private httpClient: HttpClient){}
5. 使用它将数据发布到服务器：this.httpClient.post('http:///some/url',this.form.value).subscribe();

以下是基于您的代码示例的示例：https://stackblitz.com/edit/angular-kdcwps