如何在Angular reactive窗体上动态创建和修补选择字段的值？

<form [formGroup]="myForm">
  <select formControlName="mySelect">
    <option *ngFor="let option of selectOptions" [value]="option.value">{{ option.label }}</option>
  </select>
</form>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  myForm: FormGroup;
  selectOptions = [
    { value: 'option1', label: 'Option 1' },
    { value: 'option2', label: 'Option 2' },
    { value: 'option3', label: 'Option 3' }
  ];

  constructor() {
    this.myForm = new FormGroup({
      mySelect: new FormControl()
    });
  }

  ngOnInit() {
  }
}

<button (click)="setOption('option2')">Set Option 2</button>

setOption(optionValue: string) {
  this.myForm.get('mySelect').setValue(optionValue);
}