如何使用patchValue将数组值传递到一个多选列表视图中

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;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      selectedOptions: [] // 表单组中的控件，用于表示多选列表的值
    });
  }

  setValues() {
    const selectedOptions = ['Option 1', 'Option 2', 'Option 3']; // 要传递的数组值
    this.myForm.patchValue({
      selectedOptions: selectedOptions // 使用patchValue方法将数组值传递给多选列表视图
    });
  }
}

<form [formGroup]="myForm">
  <select multiple formControlName="selectedOptions">
    <option value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
    <option value="Option 3">Option 3</option>
  </select>
</form>

<button (click)="setValues()">Set Values</button>