为什么要完全使用ngSubmit而不是简单的按钮和功能

时间:2019-03-26 13:56:11

标签: angular forms typescript angular-reactive-forms

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

关于Submit和ngSubmit有很多问题,但是我们真的需要使用旧的html提交机制吗?特别是由于在某些情况下,它甚至不是POST而是为了表单更新而执行的PATCH。 另外,由于我现在在窗体或组件内部具有窗体,而在主窗体内部具有子窗体(通过将FormGroup传递给子组件),窗体就变得不太简单。

因此,如果我使用ngSubmit,是否应该仅将其放在父表单上?在我所有的表格上?我对ngSubmit的附加值到底是什么感到困惑,尤其是在使用反应性表单并可以访问几乎所有表单控件时,ngSubmit的附加值是带有单击事件句柄的简单按钮和带有http.post()的Submit函数。我的FormGroup对象中的验证器。

2 个答案:

答案 0 :(得分:2)

如果要完全提交所有表单,将其放在父表单上就足够了。 ngSubmit的好处之一是它保持提交的用户体验。单击具有提交类型的按钮(不需要(单击)事件)或单击表单输入中的Enter,将触发提交。

答案 1 :(得分:1)

通过提交按钮使用ngsubmit与调用引用表单模型实例的方法的按钮之间没有区别。虽然这是更好的做法,但在第一种方法中更常用。您可能与之合作的其他开发人员在使用您的代码时往往会搜索ngsubmit方法。