Можно ли запретить кнопку отправки обновить страницу?(Angular 6, TypeScript)

Question

Можно ли как-то помешать отправке обновить страницу?Вместо этого, чтобы открыть модальное и после подтверждения модального маршрута на другую страницу.

<from (submit)="onSubmit(passData)" #form="ngForm">
  <input type="text" name="id" ngModel matInput #idInput="ngModel" required>
 <button type="submit" > Submit </button>
</form>

Answer 1

Вы используете неправильный атрибут:

// change this
<form (submit)="onSubmit(passData)" #form="ngForm">
// to this
<form (ngSubmit)="onSubmit(passData)" #form="ngForm">

Проверьте документы при отправке угловой формы .Этот атрибут автоматически запрещает поведение браузера по умолчанию, а именно обновление или перенаправление.

Answer 2

Используйте событие ngSubmit вместо собственного события отправки.