如何在angular 4中将表单中的数据添加到JSON数组中？

在Angular 4中将表单中的数据添加到JSON数组中，可以按照以下步骤进行操作：

1. 首先，在组件的.ts文件中，创建一个空的JSON数组变量来存储表单数据。例如，可以声明一个名为formData的空数组：

formData: any[] = [];

1. 在HTML模板中，使用Angular的表单绑定和事件绑定来获取表单数据并将其添加到JSON数组中。假设表单中有一个输入框和一个按钮，可以按照以下方式进行操作：

<input type="text" [(ngModel)]="newData">
<button (click)="addToJsonArray()">添加</button>

1. 在组件的.ts文件中，创建一个名为addToJsonArray()的方法来将表单数据添加到JSON数组中。在该方法中，将表单数据存储到一个临时对象中，然后将该对象推送到JSON数组中。例如：

addToJsonArray() {
  let tempData = { data: this.newData };
  this.formData.push(tempData);
}

1. 现在，当用户在输入框中输入数据并点击“添加”按钮时，表单中的数据将被添加到JSON数组中。

这是一个简单的示例，演示了如何在Angular 4中将表单数据添加到JSON数组中。根据实际需求，你可以根据表单的结构和数据类型进行适当的修改和扩展。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。了解更多信息，请访问：腾讯云云服务器（CVM）产品介绍
• 腾讯云对象存储（COS）：提供安全可靠的对象存储服务，适用于存储和处理大量非结构化数据。了解更多信息，请访问：腾讯云对象存储（COS）产品介绍