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

标签 angular angular2-forms

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

最佳答案

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

为什么?

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

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

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

关于angular - 为什么使用 ngSubmit 而不是 onSubmit,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39831740/

相关文章:

javascript - 添加新项目时的angular foreach问题

HTML/CSS 背景图像问题

javascript - 在 Angular 4 中获取数据

angular - 如何在 Angular 2 中获得单一表单字段的有效性?

javascript - Angular 2 : How to set default value of field from parent component back to child component?

angular2-forms - 验证嵌套表单组

html - 如何减小Ionic2中文本输入的大小并在右侧对齐标签

javascript - 基于 Angular 中的 promise 结果取消间隔

angular - 使用 Angular 2 Forms 根据需要动态标记字段的正确方法是什么?

unit-testing - Angular2 - 单元测试表单提交