如何在Angular 6中过滤FormArray元素

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

@Component({
  selector: 'app-example',
  template: `
    <form [formGroup]="myForm">
      <div formArrayName="myArray">
        <div *ngFor="let control of myForm.get('myArray').controls; let i = index">
          <input type="text" [formControlName]="i">
        </div>
      </div>
    </form>
  `,
})
export class ExampleComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      myArray: new FormArray([])
    });
  }
}

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

@Component({
  selector: 'app-example',
  template: `
    <form [formGroup]="myForm">
      <div formArrayName="myArray">
        <div *ngFor="let control of filteredArray.controls; let i = index">
          <input type="text" [formControlName]="i">
        </div>
      </div>
    </form>
  `,
})
export class ExampleComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      myArray: new FormArray([
        new FormControl('apple'),
        new FormControl('banana'),
        new FormControl('cherry')
      ])
    });
  }

  get filteredArray(): FormArray {
    const filterValue = 'a'; // 过滤条件，这里假设为字母'a'
    const array = this.myForm.get('myArray') as FormArray;
    const filteredControls = array.controls.filter(control =>
      control.value.includes(filterValue)
    );
    return new FormArray(filteredControls);
  }
}