如何在angular form中仅获取有效表单字段的值

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

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl('', Validators.required),
      email: new FormControl('', [Validators.required, Validators.email]),
      age: new FormControl('', Validators.required),
      // 其他表单字段...
    });
  }

  // 其他组件代码...
}

<form [formGroup]="myForm" (ngSubmit)="submitForm()">
  <div>
    <label for="name">Name:</label>
    <input type="text" id="name" formControlName="name" [(ngModel)]="myForm.value.name">
  </div>
  <div>
    <label for="email">Email:</label>
    <input type="email" id="email" formControlName="email" [(ngModel)]="myForm.value.email">
  </div>
  <div>
    <label for="age">Age:</label>
    <input type="number" id="age" formControlName="age" [(ngModel)]="myForm.value.age">
  </div>
  <!-- 其他表单字段... -->
  <button type="submit">Submit</button>
</form>

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

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl('', Validators.required),
      email: new FormControl('', [Validators.required, Validators.email]),
      age: new FormControl('', Validators.required),
      // 其他表单字段...
    });
  }

  submitForm() {
    if (this.myForm.valid) {
      const formValues = this.myForm.value;
      // 在这里处理有效表单字段的值
      console.log(formValues.name);
      console.log(formValues.email);
      console.log(formValues.age);
    }
  }
}