Angular formData 打印值

在Angular中，我们经常需要使用表单来收集用户的输入数据。当用户提交表单时，通常我们需要将这些数据发送到服务器上进行处理。这时，我们可以使用一个叫做formData的对象来存储这些数据。

我们可以通过如下代码来创建一个新的formData对象：

const formData = new FormData();

接着，我们可以使用append()方法向formData对象中添加数据。例如，我们可以将用户输入的姓名和邮箱地址添加到formData对象中：

formData.append('name', 'John Doe');
formData.append('email', 'johndoe@example.com');

当所有数据都添加完毕后，我们可以使用fetch()方法将formData对象发送到服务器上：

fetch('/api/submit-form', {
  method: 'POST',
  body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));

在这个例子中，我们使用了fetch()方法来发送一个POST请求，并将formData对象作为请求的主体。当服务器响应请求后，我们可以读取响应内容，并将其打印到控制台上。

最终的代码如下所示：

const formData = new FormData();
formData.append('name', 'John Doe');
formData.append('email', 'johndoe@example.com');

fetch('/api/submit-form', {
  method: 'POST',
  body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));

以上就是使用formData对象在Angular中获取表单数据并将其提交到服务器上的示例代码。