为什么使用ngSubmit而不是onSubmit

Question

使用ngSubmit提交表单的原因是什么，而不是在角度2的提交按钮中使用onSubmit。

Answer 1

ngSubmit是Angular2的内置指令，用于提交Angular2表单而不点击任何提交按钮。您通常会看到它附有form标记。

为什么？

请注意，您的登录屏幕包含username，password＆amp; login按钮。 用户填写详细信息后，必须单击login按钮以提交包含数据的表单。因此，使用ngSubmit指令，您可以提交包含数据的表单，而无需触摸或单击提交按钮。您只需点击输入，ngSubmit即可为您完成工作。

在Angular1 ngSubmit指令中发现提交表单而不单击login / any按钮。在Angular2 ngSubmit指令中仍然存在。

请注意，无论是否有ngSubmit指令，您仍然可以使用提交按钮提交包含数据的表单。这只是Angular团队提供的功能。

Answer 2

这类似于普通的网络表单，表单上的action属性表示要调用或提交表单的URL。也可以通过按回车键/返回键而不是按下提交按钮来提交网络表单。

Answer 3

Angular，已使用另一个Angular指令NgSubmit更新<form>标记，并将其绑定到onSubmit（）方法。

了解更多Click here