如何跨多个组件创建一个单一的反应性表单
提问于 2018-10-13 06:12:57
我对角质很陌生。我的应用程序有反应式。它有4页(4个不同的组件)。我的表单字段也分布在4个组件上。
在每个页面的末尾，用户单击按钮来导航下一页。提交按钮在第4页。我的目的是将表单数据提交给服务器。
我的问题是：
1)是否有可能在4个组件之间创建一个单一的反应性表单。
如果不可能的话，
2)我在所有4页中都创建了4种不同的反应形式。每个页面按钮单击都会将表单数据发送到共享公共服务。最后，第4页从服务中获取所有表单数据。这是正确的设计方法。请引导我。
3)如果按照上述设计方法，第4页将从所有4个组件获得表单(反应性)数据。如何构造不同组件(表单)数据的单个POST请求数据。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-10-13 11:38:41
- 创建一个包含其中所有字段的接口。
- 使用您创建的接口类型的变量创建公共服务。 serviceVariable= {}；
- 在每个页面的提交点击中，使用object.assign()函数合并对象。 serviceVariable = Object.assign(serviceVariable，formName.value)；
- 最后，在post请求中使用serviceVarible。
Stack Overflow用户
发布于 2018-10-13 06:24:37
解决方案2很好。您需要在服务中创建一个类或一个数据数组，在将数据发送到服务器之前保留数据。该类或数组将拥有来自所有4页的所有数据，并且在每一个按钮单击(在每个页面上)，您将填充您的类/数组的一部分来自该页的数据。当您单击第4页上的“最终”按钮时，您将将数据从该类/数组发送到服务器。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52793820
复制相关文章
点击加载更多
腾讯云开发者
