Angular 如何跨多个组件创建一个单一的被动表单

我是个新手。我的应用程序有反应形式。它有4页（4个不同的组件）。我的表单字段也分布在4个组件中

在每个页面结束时，用户单击按钮导航下一页。提交按钮在第4页。我的目的是向服务器提交表单数据

我的问题是：

1） 是否可以跨4个组件创建一个单一的反应形式

如果不可能,

2） 我在所有4页中创建了4种不同的反应形式。每个页面按钮单击都会将表单数据发送到共享公共服务。 最后第4页从服务中获取所有表单数据。这是正确的设计方法。请引导我

3） 如果我遵循上述设计方法，第4页我将从所有4个组件获取表单（反应）数据。如何构建

---

一个单独的POST请求不同组件（表单）数据的数据。

解决方案2可以。您需要在服务中创建一个类或数据数组，在将数据发送到服务器之前将其保存。该类或数组将包含来自所有4个页面的所有数据，在每个按钮上单击（在每个页面上），您将使用该页面的数据填充部分类/数组。当您单击第4页上的最后一个按钮时，您将从该类/阵列向服务器发送数据。

解决方案2可以。您需要在服务中创建一个类或数据数组，在将数据发送到服务器之前将其保存。该类或数组将包含来自所有4个页面的所有数据，在每个按钮上单击（在每个页面上），您将使用该页面的数据填充部分类/数组。当您单击第4页上的最后一个按钮时，您将从该类/阵列向服务器发送数据

创建一个包含所有字段的接口

使用您创建的接口类型的变量创建公共服务

serviceVariable={}

在每个页面的提交单击中，使用object.assign（）函数合并 反对

serviceVariable=Object.assign（serviceVariable，formName.value）

最后，在post请求中使用ServiceVariable

创建一个包含所有字段的接口

使用您创建的接口类型的变量创建公共服务

serviceVariable={}

在每个页面的提交单击中，使用object.assign（）函数合并 反对

serviceVariable=Object.assign（serviceVariable，formName.value）

最后，在post请求中使用ServiceVariable

---

你可以在一个页面中引用你所有的4个组件。你能给我一些代码示例或教程来做同样的事情吗。这可能会有所帮助：我的应用程序组件之间存在某种关系。他们坐在一起。那么，it服务是在他们之间共享数据的最佳方式吗？这是我的第二个解决方案。可以吗？你可以在一个页面中引用你的所有4个组件。你能给我一些代码示例或教程来做同样的事情吗..这可能会有帮助：我的应用程序组件是兄弟姐妹关系。他们坐在一起。那么，it服务是在他们之间共享数据的最佳方式吗？这是我的第二个解决方案。天气好吗？？