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>

不同之处在于调用Component的action方法。一种模式比另一种模式有优势吗？

Answer 1

没有(onclick)个活动，只有(click)。

不同之处在于，(ngSubmit)会监听ngSubmit指令的NgForm事件，并click听取<button>元素的点击事件。

第二个示例中的按钮将导致submit事件，该事件也会导致ngSubmit事件，但由于没有收听，它将无效。

在你的例子中，行为没有区别。