为什么要使用 ngSubmit 而不是一个简单的按钮和一个函数答案

【问题标题】：Why use ngSubmit at all instead of a simple button and a function为什么要使用 ngSubmit 而不是一个简单的按钮和一个函数
【发布时间】：2019-08-16 22:35:56
【问题描述】：

所以一段时间以来，我一直在问自己是应该使用 ngSubmit 还是只在按钮上绑定 (click)="submit()"。

关于 submit 和 ngSubmit 有很多问题，但我们真的需要使用旧的 html 提交机制吗？特别是因为在某些情况下，它甚至不是 POST，而是为表单更新而执行的 PATCH。此外，现在的表单往往不那么简单，因为我在表单内有表单或在我的主表单内有子表单的组件（通过将我的 FormGroup 传递给我的子组件）。

所以如果我使用 ngSubmit，我应该只将它放在我的父表单上吗？在我所有的表格上？我很困惑 ngSubmit 的附加价值是通过一个带有单击事件句柄的简单按钮和一个带有 http.post() 的提交函数，尤其是在使用反应式表单并可以访问几乎所有表单控件和我的 FormGroup 对象中的验证器。

【问题讨论】：

标签： angular forms typescript angular-reactive-forms

【解决方案1】：

如果您想完全提交所有表单，则将其放在父表单上就足够了。 ngSubmit 的好处之一是它保留了提交的 UX。通过单击具有提交类型的按钮（不需要 (click) 事件）或在表单的输入上按 Enter 来触发提交。

【讨论】：

【解决方案2】：

使用带有提交按钮的 ngsubmit 与使用调用引用表单模型实例的方法的按钮没有区别。不过，这是更好的做法，更常用于第一种方法。与您合作的其他开发人员在处理您的代码时往往会搜索 ngsubmit 方法。

【讨论】：

当您从虚拟键盘点击“下一步”按钮时，您确定这不会对智能手机产生任何影响吗？