当我按 Enter 时，“单击”角度形式的按钮

Question

我的 Angular 形式有一个奇怪的问题。我有一个简单的表格，如下所示：

<form #f="ngForm" (ngSubmit)="onSubmit(f)" novalidate>
      <button (click)="addUser()">Add a user</button>

      <input name="first" ngModel required #first="ngModel">
      <input name="last" ngModel>

      <button>Submit</button>
</form>

问题是，当我ENTER在表单中按下when时，它不是提交，而是触发函数addUser()，这不是我想要的。

如何阻止它“点击”ADD A USER并触发addUser()？

Answer 1

解决方案只是将带有值的 type 属性添加button到第一个按钮。

浏览器type="submit"默认分配给所有按钮。

只是需要改变

<button (click)="addUser()">Add a user</button>

到

<button (click)="addUser()" type="button">Add a user</button>