如何在ionic 3中将表单数据发送到REST api

<!-- src/pages/home/home.html -->
<ion-header>
  <ion-navbar>
    <ion-title>Form Example</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <form (ngSubmit)="submitForm()">
    <ion-item>
      <ion-label>Name</ion-label>
      <ion-input type="text" [(ngModel)]="formData.name" name="name"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>Email</ion-label>
      <ion-input type="email" [(ngModel)]="formData.email" name="email"></ion-input>
    </ion-item>
    <button ion-button type="submit">Submit</button>
  </form>
</ion-content>

// src/pages/home/home.ts
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  formData = {
    name: '',
    email: ''
  };

  constructor(private http: HttpClient) {}

  submitForm() {
    const apiUrl = 'https://your-api-endpoint.com/submit';
    this.http.post(apiUrl, this.formData)
      .subscribe(
        response => {
          console.log('Form submitted successfully', response);
        },
        error => {
          console.error('Error submitting form', error);
        }
      );
  }
}