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而不是提交时，它会触发函数addUser()，这不是我想要的。

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

Answer 1

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

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

只需更改

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

到

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

当我按Enter键时，“单击”了Angular形式的按钮

1 个答案: