Angular 角度形式：提交事件和点击事件有什么不同？

我想知道表单提交事件和按钮点击事件之间有什么不同，以执行http post操作

表格提交示例：

<form #f="ngForm" (ngSubmit)="onSubmit(f)">
  <input name="first" ngModel required #first="ngModel">
  <input name="last" ngModel>
  <button>Submit</button>
</form>

有人知道有什么区别吗

---

非常感谢。

到目前为止，我所知道的一个区别是，如果您在

ngForm

中，并且如果您有

（ngSubmit）

事件，则如果您按ENTER键，将执行链接到此事件的函数。 这有助于快速浏览表单，无需触摸鼠标

在这个地址有关于这个主题的更多信息

---

到目前为止，我所知道的一个区别是，如果您在

ngForm

中，并且如果您有

（ngSubmit）

事件，则如果您按ENTER键，将执行链接到此事件的函数。 这有助于快速浏览表单，无需触摸鼠标

在这个地址有关于这个主题的更多信息

---

区别在于它们是注册到DOM中不同元素的两个不同事件

事件在

元素本身上触发，而不是在任何

。提交事件仅在用户单击提交按钮时激发

默认情况下，提交按钮的类型为

type=“submit”

---

另一方面，当用户单击一个元素（在本例中是您的按钮）时，会触发事件。

区别在于，它们是注册到DOM中不同元素的两个不同事件

事件在

元素本身上触发，而不是在任何

。提交事件仅在用户单击提交按钮时激发

默认情况下，提交按钮的类型为

type=“submit”

---

另一方面，当用户单击某个元素（在本例中是您的按钮）时，会触发该事件。

两者之间没有明显区别。@HMarteau的回答不准确，因为无论是使用

ngSubmit

还是

click

事件，都可以使用“回车”按钮提交角度表单

---

主要区别在于Angular的

ngSubmit

允许您使用一些功能强大的内置属性，例如用于验证的

required

、

max length

等，这两个属性在

单击时可能无法使用。@HMarteau的回答不准确，因为无论是使用
ngSubmit
还是
click
事件，都可以使用“回车”按钮提交角度表单

主要区别在于Angular的
ngSubmit
允许您使用一些强大的内置属性，例如用于验证的
required
、
max length
等，在
单击
的情况下，您可能无法使用这些属性，但是我可以使用FormGroup来进行验证，如果使用click事件会怎么样。无论如何，也谢谢你。嗯，你是对的，但是我可以使用FormGroup来做验证，如果使用click事件会怎么样。无论如何，也谢谢你。是的，和@narmeyes的回答一样，我在他之前回答了。。。很高兴能帮忙是的，和@narmeyes的回答一样，我在他面前回答了。。。很乐意帮忙
<form #f="ngForm">
  <input name="first" ngModel required #first="ngModel">
  <input name="last" ngModel>
</form>

<div>
  <button (click)="onSubmit(f)">Submit</button>
</div>

  @ViewChild(NgForm) f: NgForm;

  onSubmit() {
    console.log(this.f);  
  }