在数组中使用Reactive Form时无法获取多个复选框值

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

// 表单创建
constructor(private fb: FormBuilder) {
  this.form = this.fb.group({
    checkboxes: this.fb.array([])
  });
}

// 表单控件获取
get checkboxes() {
  return this.form.get('checkboxes') as FormArray;
}

// 添加复选框
addCheckbox(label: string, value: any) {
  const checkbox = this.fb.control(false);
  this.checkboxes.push(checkbox);
  this.checkboxLabels.push(label);
  this.checkboxValues.push(value);
}

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

// 获取选中的复选框的值
const selectedValues = this.checkboxes.controls
  .filter(checkbox => checkbox.value)
  .map(checkbox => checkbox.value);