Angular FormGroup获取所选复选框的数组

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

@Component({
  selector: 'app-example',
  template: `
    <form [formGroup]="myForm">
      <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)="getSelectedOptions()">Get Selected Options</button>
  `
})
export class ExampleComponent {
  myForm: FormGroup;

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

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