angular - 是否可以防止提交按钮刷新页面？（角度 6，打字稿）

Question

是否有可能以某种方式阻止提交刷新页面？而是弹出一个模态并在确认模态路由到另一个页面后。

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

标签： angularforms

Answer 1

您使用了错误的属性：

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

检查有关 angular form submit 的文档。此属性自动阻止默认浏览器行为，即刷新或重定向。