angular 4中的反应式表单在单击按钮时提交复选框值的数组

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

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

  constructor() { }

  ngOnInit() {
    this.myForm = new FormGroup({
      checkboxes: new FormArray([])
    });
  }

  get checkboxes() {
    return this.myForm.get('checkboxes') as FormArray;
  }

  onSubmit() {
    const selectedValues = this.myForm.value.checkboxes
      .map((checked, index) => checked ? index + 1 : null)
      .filter(value => value !== null);
    console.log(selectedValues);
  }
}

<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
  <div formArrayName="checkboxes">
    <div *ngFor="let checkbox of checkboxes.controls; let i = index">
      <label>
        <input type="checkbox" [formControlName]="i">
        Checkbox {{ i + 1 }}
      </label>
    </div>
  </div>
  <button type="submit">Submit</button>
</form>