如何过滤FormGroup值？

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

@Component({
  selector: 'app-filter-form',
  template: `
    <form [formGroup]="myForm">
      <input formControlName="name" placeholder="Name">
      <input formControlName="age" placeholder="Age">
    </form>
    <button (click)="filterValues()">Filter</button>
    <div>
      Filtered Name: {{ filteredName }}
    </div>
    <div>
      Filtered Age: {{ filteredAge }}
    </div>
  `,
})
export class FilterFormComponent {
  myForm: FormGroup;
  filteredName: string;
  filteredAge: number;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl(''),
      age: new FormControl(''),
    });
  }

  filterValues() {
    const name = this.myForm.get('name').value;
    const age = this.myForm.get('age').value;

    // 过滤逻辑示例：筛选出名字不为空且年龄大于等于18的值
    if (name !== '' && age >= 18) {
      this.filteredName = name;
      this.filteredAge = age;
    } else {
      this.filteredName = '';
      this.filteredAge = null;
    }
  }
}