反应式数组中的 mat-autocomplete

如何解决反应式数组中的 mat-autocomplete

我正在尝试以反应形式在数组中实现 matAutocomplete。

正确的做法是什么？我尝试了以下但无法正确迭代。

参见堆栈闪电战：https://stackblitz.com/edit/angular-ivy-ao3kdn?file=src/app/app.component.ts

component.ts

formDoyle: FormGroup;
options: string[] = ['One','Two','Three'];
filteredOptions: Observable<string[]>;

constructor( private fb: FormBuilder ) { }

ngOnInit(): void {

this.formDoyle = this.fb.group({
  calculos: this.fb.array([
    this.getCalculo()
  ]),});

  const control = this.formDoyle.get('calculos') as FormArray;

  for (let i in control) {
    this.filteredOptions = control.at(+i).get('option')?.valueChanges
    .pipe(
      startWith(''),map(value => this._filter(value))
    );
  }

}

private _filter(value: string): string[] {
 const filterValue = value.toLowerCase();

 return this.options.filter(option => option.toLowerCase().includes(filterValue));
}