Angular 2中的（click）和（ngSubmit）有什么区别

Question

在Angular 2中提交表单时，我得到了两种工作模式。

<form (ngSubmit)="pathSave()" #fDoc="ngForm">
  ( bunch of form fields ) 
  <div class="form-group">
    <button type="submit" class="btn btn-primary">Save</button>
  </div>
</form>

与

<form #fDoc="ngForm">
  ( bunch of form fields ) 
  <div class="form-group">
    <button class="btn btn-primary" (click)="pathSave()">Save</button>
  </div>
</form>

区别在于调用组件的action方法的位置。一种模式比另一种模式有优势吗？

Answer 1

没有(onclick)事件，只有(click)。

所不同的是(ngSubmit)监听ngSubmit的事件NgForm指令，并click到的click事件<button>的元素。

第二个例子中的按钮会引发submit同样引发ngSubmit事件的事件，但是因为没有监听，所以没有任何作用。

在您的示例中，行为没有区别。