javascript - 为什么 Angular 表单会重新加载页面？

Question

我在同一页面上有以下表格:

<form ng-submit="actionA()">
    <input type="text">
    <input type="submit" value="Submit">
</form>

<form ng-submit="actionB()">
    <input type="text">
    <input type="submit" value="Submit">
</form>

目前，当我提交任一表单时，页面都会重新加载。我该如何防止呢？我知道我可以使用 event.preventDefault() 但我想知道是否有普通的 Angular 解决方案。

Answer 1

确保在包含组件的模块中从 @angular/forms 导入 FormsModule，因为如果没有它，提交时的表单将不断刷新页面并静默失败而不记录控制台上的任何内容。