如何以angular 9反应形式获取foreach中每个复选框的值

<form [formGroup]="myForm">
  <div *ngFor="let checkbox of checkboxes">
    <label>
      <input type="checkbox" [formControlName]="checkbox.value">
      {{ checkbox.label }}
    </label>
  </div>
</form>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  myForm: FormGroup;
  checkboxes = [
    { label: 'Checkbox 1', value: 'checkbox1' },
    { label: 'Checkbox 2', value: 'checkbox2' },
    { label: 'Checkbox 3', value: 'checkbox3' }
  ];

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({});
    this.checkboxes.forEach(checkbox => {
      this.myForm.addControl(checkbox.value, this.formBuilder.control(false));
    });
  }
}

onSubmit() {
  const selectedCheckboxes = Object.keys(this.myForm.value)
    .filter(key => this.myForm.value[key]);
  console.log(selectedCheckboxes);
}