如何在angular中获取动态表单字段值？

import { Component } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-dynamic-form',
  template: `
    <form [formGroup]="dynamicForm" (ngSubmit)="onSubmit()">
      <div *ngFor="let field of formFields">
        <label>{{ field.label }}</label>
        <input [type]="field.type" [formControlName]="field.name">
      </div>
      <button type="submit">Submit</button>
    </form>
  `,
})
export class DynamicFormComponent {
  dynamicForm: FormGroup;
  formFields: any[];

  constructor(private formBuilder: FormBuilder) {
    this.dynamicForm = this.formBuilder.group({});
    this.formFields = [
      { label: 'Name', type: 'text', name: 'name' },
      { label: 'Email', type: 'email', name: 'email' },
      // Add more dynamic form fields here
    ];
    this.formFields.forEach(field => {
      this.dynamicForm.addControl(field.name, this.formBuilder.control(''));
    });
  }

  onSubmit() {
    const formValues = this.dynamicForm.value;
    console.log(formValues);
    // Process the form values here
  }
}