为什么使用 ngSubmit 而不是 onSubmit

Why using ngSubmit instead of onSubmit

在 angular 中使用 ngSubmit 提交表单而不是使用 onSubmit 提交表单的原因是什么 2.

这类似于普通的 Web 表单,表单上的 action 属性说明要调用哪个 URL 或提交表单。也可以通过按 enter/return 键而不是按提交按钮来提交 Web 表单。

Angular,已使用另一个 Angular 指令 NgSubmit 更新 <form> 标记,并将其绑定到 onSubmit() 方法..

更多Click here

ngSubmit 是 Angular2 的内置指令,用于在不单击任何提交按钮的情况下提交 Angular2 表单。您通常会看到它附有 form 标签。

为什么?

考虑一下,您的登录屏幕包含 usernamepasswordlogin 按钮。 用户填写详细信息后,他必须单击 login 按钮提交包含数据的表单。因此,使用 ngSubmit 指令,您可以提交带有数据的表单,而无需触摸或单击提交按钮。您只需按下回车键,ngSubmit 就会为您完成这项工作。

在 Angular1 中,发现 ngSubmit 指令无需单击 login/any 按钮即可提交表单。在 Angular2 中,ngSubmit 指令仍然存在。

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