未在角度反应形式中获取多个复选框的值

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

@Component({
  selector: 'app-example',
  template: `
    <form [formGroup]="formGroup">
      <label>
        <input type="checkbox" formControlName="option1"> Option 1
      </label>
      <label>
        <input type="checkbox" formControlName="option2"> Option 2
      </label>
      <label>
        <input type="checkbox" formControlName="option3"> Option 3
      </label>
    </form>
    <button (click)="getSelectedValues()">Get Selected Values</button>
  `,
})
export class ExampleComponent {
  formGroup: FormGroup;

  constructor() {
    this.formGroup = new FormGroup({
      option1: new FormControl(false),
      option2: new FormControl(false),
      option3: new FormControl(false),
    });
  }

  getSelectedValues() {
    const selectedValues = Object.keys(this.formGroup.value)
      .filter(key => this.formGroup.value[key])
      .map(key => key);

    console.log(selectedValues);
  }
}