根据angular中的下拉列表启用或禁用formarray

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

@Component({
  selector: 'app-dynamic-form',
  templateUrl: './dynamic-form.component.html',
  styleUrls: ['./dynamic-form.component.css']
})
export class DynamicFormComponent implements OnInit {
  form: FormGroup;

  constructor(private fb: FormBuilder) {}

  ngOnInit(): void {
    this.form = this.fb.group({
      options: this.fb.array([
        this.fb.group({
          optionName: [''],
          isEnabled: [false]
        })
      ]),
      selectControl: ['']
    });

    this.form.get('selectControl').valueChanges.subscribe(value => {
      const control = (this.form.get('options') as FormArray).controls;
      control.forEach(c => {
        c.get('isEnabled').setValue(value === 'enable');
      });
    });
  }

  get options() {
    return this.form.get('options') as FormArray;
  }
}

<!-- dynamic-form.component.html -->
<form [formGroup]="form">
  <select formControlName="selectControl">
    <option value="">请选择</option>
    <option value="enable">启用</option>
    <option value="disable">禁用</option>
  </select>

  <div formArrayName="options">
    <div *ngFor="let option of options.controls; let i = index" [formGroupName]="i">
      <input formControlName="optionName" placeholder="选项名称">
      <input formControlName="isEnabled" type="checkbox">
    </div>
  </div>
</form>