如何在没有formControlName的情况下从angular forms向api传递输入？

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

@Component({
  selector: 'app-form',
  template: `
    <form (submit)="submitForm()">
      <input type="text" [(ngModel)]="name" name="name">
      <input type="email" [(ngModel)]="email" name="email">
      <button type="submit">Submit</button>
    </form>
  `
})
export class FormComponent {
  name: string;
  email: string;

  constructor(private http: HttpClient) {}

  submitForm() {
    const formData = {
      name: this.name,
      email: this.email
    };

    this.http.post('https://api.example.com/endpoint', formData)
      .subscribe(response => {
        // 处理API响应
      });
  }
}