将动态生成的输入字段连接到mat-autocomplete

<div *ngFor="let field of dynamicFields; let i = index">
  <input [id]="'input-' + i" [formControl]="field.control" [matAutocomplete]="auto">
  <mat-autocomplete #auto="matAutocomplete">
    <mat-option *ngFor="let option of field.options" [value]="option">
      {{ option }}
    </mat-option>
  </mat-autocomplete>
</div>

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

@Component({
  selector: 'app-dynamic-fields',
  templateUrl: './dynamic-fields.component.html',
  styleUrls: ['./dynamic-fields.component.css']
})
export class DynamicFieldsComponent {
  dynamicFields = [
    { control: new FormControl(), options: ['Option 1', 'Option 2', 'Option 3'] },
    { control: new FormControl(), options: ['Option A', 'Option B', 'Option C'] }
  ];
}

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

@Component({
  selector: 'app-dynamic-fields',
  templateUrl: './dynamic-fields.component.html',
  styleUrls: ['./dynamic-fields.component.css']
})
export class DynamicFieldsComponent implements OnInit {
  dynamicFields = [];

  ngOnInit() {
    // 根据特定条件或数据生成动态字段和选项
    this.generateDynamicFields();
  }

  generateDynamicFields() {
    // 根据特定条件或数据生成动态字段和选项
    // 示例代码，实际根据需求进行修改
    const options1 = ['Option 1', 'Option 2', 'Option 3'];
    const options2 = ['Option A', 'Option B', 'Option C'];

    this.dynamicFields = [
      { control: new FormControl(), options: options1 },
      { control: new FormControl(), options: options2 }
    ];
  }
}