为什么页面在key.enter Angular之后重新加载？

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-form',
  template: `
    <form (ngSubmit)="onSubmit($event)">
      <input type="text" [(ngModel)]="inputValue" (keydown.enter)="onSubmit($event)">
      <button type="submit">Submit</button>
    </form>
  `
})
export class FormComponent {
  inputValue: string = '';

  onSubmit(event: Event) {
    event.preventDefault(); // 阻止默认提交行为
    // 执行其他逻辑
  }
}