Angular formarray复选框

import { FormBuilder, FormGroup, FormArray } from '@angular/forms';

form: FormGroup;
checkboxes: FormArray;

constructor(private fb: FormBuilder) {
  this.form = this.fb.group({
    checkboxes: this.fb.array([])
  });
  this.checkboxes = this.form.get('checkboxes') as FormArray;
}

addCheckbox(label: string, value: any) {
  this.checkboxes.push(this.fb.control(false));
}

<div formArrayName="checkboxes">
  <div *ngFor="let checkbox of checkboxes.controls; let i = index">
    <input type="checkbox" [formControlName]="i">
    <label>{{ checkbox.value }}</label>
  </div>
</div>

onCheckboxChange(event: Event, index: number) {
  const checkbox = this.checkboxes.controls[index];
  if (event.target.checked) {
    // 复选框被选中
  } else {
    // 复选框取消选中
  }
}