如何使用angular form控件仅将选中的复选框值推送到数组中

<form (ngSubmit)="onSubmit()">
  <!-- 表单内容 -->
</form>

<div *ngFor="let option of options">
  <input type="checkbox" [formControl]="optionControl" [value]="option">
  {{ option }}
</div>

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

@Component({
  // 组件配置
})
export class MyComponent {
  options = ['option1', 'option2', 'option3'];
  optionControl: FormControl;
  form: FormGroup;

  constructor() {
    this.optionControl = new FormControl();
    this.form = new FormGroup({
      options: this.optionControl
    });
  }

  onSubmit() {
    const selectedOptions = this.form.value.options;
    console.log(selectedOptions);
  }
}

<form (ngSubmit)="onSubmit()" [formGroup]="form">
  <!-- 表单内容 -->
</form>

onSubmit() {
  const selectedOptions = this.form.value.options;
  const selectedValues = [];
  for (const option in selectedOptions) {
    if (selectedOptions[option]) {
      selectedValues.push(option);
    }
  }
  console.log(selectedValues);
}