Кнопка в угловой форме "нажата", когда я нажимаю ввод

Question

У меня странная проблема в моей угловой форме. У меня есть простая форма, подобная следующей:

<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

Решением было просто добавить атрибут type со значением button к первой кнопке.

Браузер назначает type="submit" по умолчанию для всех кнопок.

Просто нужно изменить

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

до

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