angular - 为什么使用 ngSubmit 而不是 onSubmit

Question

使用 ngSubmit 提交表单而不是在 Angular 2 的提交按钮处使用 onSubmit 的原因是什么。

Answer 1

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

为什么？

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

在 Angular1 中发现 ngSubmit 指令无需单击登录/任何按钮即可提交表单。在 Angular2 中 ngSubmit 指令仍然存在。

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