在angular中提交表单，并通过POST将数据存储到mysql DB中

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

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

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

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('/api/submit', this.formData).subscribe(
      response => {
        console.log('Data saved successfully');
      },
      error => {
        console.error('Error saving data:', error);
      }
    );
  }
}

const express = require('express');
const router = express.Router();

router.post('/submit', (req, res) => {
  const formData = req.body;

  // 将formData存储到MySQL数据库中的逻辑
  // ...

  res.status(200).json({ message: 'Data saved successfully' });
});

module.exports = router;

const express = require('express');
const app = express();
const apiRouter = require('./api');

app.use(express.json());
app.use('/api', apiRouter);

app.listen(3000, () => {
  console.log('Server started on port 3000');
});