HTML post表单在迁移到Angular时不起作用

import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    FormsModule
  ],
  // ...
})
export class AppModule { }

<form (ngSubmit)="onSubmit()">
  <label for="name">Name:</label>
  <input type="text" id="name" [(ngModel)]="name" required>

  <label for="email">Email:</label>
  <input type="email" id="email" [(ngModel)]="email" required>

  <button type="submit">Submit</button>
</form>

export class MyComponent {
  name: string;
  email: string;

  onSubmit() {
    // 处理表单提交逻辑
    console.log('Name:', this.name);
    console.log('Email:', this.email);
  }
}

<form (ngSubmit)="onSubmit()" #myForm="ngForm">
  <label for="name">Name:</label>
  <input type="text" id="name" [(ngModel)]="name" required #name="ngModel">
  <div *ngIf="name.invalid && (name.dirty || name.touched)">
    <div *ngIf="name.errors.required">Name is required.</div>
  </div>

  <label for="email">Email:</label>
  <input type="email" id="email" [(ngModel)]="email" required #email="ngModel">
  <div *ngIf="email.invalid && (email.dirty || email.touched)">
    <div *ngIf="email.errors.required">Email is required.</div>
    <div *ngIf="email.errors.email">Invalid email format.</div>
  </div>

  <button type="submit" [disabled]="myForm.invalid">Submit</button>
</form>