angular中的提交按钮问题

// 组件类
export class MyFormComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      name: [''],
      email: ['']
    });
  }

  onSubmit() {
    console.log(this.myForm.value);
  }
}

<!-- 模板 -->
<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
  <input formControlName="name">
  <input formControlName="email">
  <button type="submit">Submit</button>
</form>

<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
  <input formControlName="name">
  <input formControlName="email">
  <button type="submit" [disabled]="!myForm.valid">Submit</button>
</form>

import { HttpClient } from '@angular/common/http';

export class MyFormComponent {
  constructor(private fb: FormBuilder, private http: HttpClient) {
    // ...
  }

  onSubmit() {
    this.http.post('/api/submit', this.myForm.value).subscribe(response => {
      console.log(response);
    });
  }
}