我无法将表单中的数据发送到typescript angular

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent {
  form: FormGroup;

  constructor(private http: HttpClient) {
    this.form = new FormGroup({
      name: new FormControl(''),
      email: new FormControl(''),
      message: new FormControl('')
    });
  }

  onSubmit() {
    const formData = this.form.value;
    this.http.post('/api/endpoint', formData).subscribe(
      response => {
        console.log('Data sent successfully');
        // Handle response from the server
      },
      error => {
        console.error('Error sending data:', error);
        // Handle error
      }
    );
  }
}