在Angular 2中处理大型表单的最佳实践

Question

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

Answer 1

最佳做法是：

• 在组件中分隔您的表单
• 使用ngForm构建表单

这很简单

Answer 2

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

https://angular.io/guide/dynamic-form

https://stackblitz.com/angular/relgkgnvgxp

https://toddmotto.com/angular-dynamic-components-forms

就提交内容而言，您可以触发onChange或附加onSubmit元素的<form>功能。然后只需在表单中添加type="submit"按钮。

这将为您提供最有效的角度验证用法。我还建议将表单导出为独立组件。您甚至可以使用事件发射器将表单值传递给父组件，并在那里处理实际的post请求以获得更多的可重用性。