Angular4 -将表单数据发布到rest api

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

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

  constructor(private http: HttpClient) {}

  onSubmit() {
    this.http.post('https://api.example.com/submit', this.formData)
      .subscribe(
        response => console.log('Success:', response),
        error => console.error('Error:', error)
      );
  }
}

<form (ngSubmit)="onSubmit()">
  <input type="text" [(ngModel)]="formData.name" name="name" required>
  <input type="email" [(ngModel)]="formData.email" name="email" required>
  <button type="submit">Submit</button>
</form>