在 Angular 2 中处理大型表单的最佳实践 [关闭]答案

【问题标题】：Best practice to handle large form in Angular 2 [closed]在 Angular 2 中处理大型表单的最佳实践 [关闭]
【发布时间】：2018-06-14 21:55:23
【问题描述】：

我的申请中有一个大表格。从该表单中检索数据并发送到 Angular 5 中的 API 的最佳做法是什么？

【问题讨论】：

使用 Reactive Forms : angular.io/guide/reactive-forms
到目前为止您尝试过什么？如果您已经有工作代码，这个问题可能会更好地放在codereview.stackexchange.com 中，并举例说明您到目前为止所做的事情。

【解决方案1】：

最佳做法是：

这很简单

【讨论】：

如果您能多解释一下您的答案，这将对用户有所帮助:)
马上就要来了，但我现在需要喝咖啡:)
我正在使用响应式表单来构建表单。有90多个领域。我从后端开发人员那里得到了一个 post API。我需要发送到该 API 的所有表单数据。所以我正在做的是首先我构建整个表单，然后我再次在该表单的提交功能中形成发布请求。是我做对了还是我可以使用其他方式？
所以你的问题不是技术问题，而是 UX 设计问题
不，@Pterrat 它是技术性的。我想知道什么是技术上正确的？首先构建表单，然后再次形成请求数据，还是有其他方法可以实现？

【解决方案2】：

我会像这里的示例一样使用反应式动态表单构建器。

就提交而言，您可以触发onChange 或将onSubmit 函数附加到<form> 元素。然后只需在表单中添加一个type="submit" 按钮即可。

这将为您提供最强大的角度验证用法。我还建议将表单导出到独立组件中。您甚至可以使用事件发射器将表单值传递给父组件并在那里处理实际的发布请求以提高可重用性。

【讨论】：