是否可以防止“提交”按钮刷新页面？ （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">

选中the docs on angular form submission。此属性会自动阻止默认的浏览器行为，即刷新或重定向。

Answer 2

使用ngSubmit事件代替本地提交事件。