在具有角度反应形式的ngValue的选择标签中预先选择一个选项

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

@Component({
  selector: 'app-select-example',
  template: `
    <form [formGroup]="form">
      <select formControlName="selectedOption">
        <option *ngFor="let option of options" [ngValue]="option">{{ option.label }}</option>
      </select>
    </form>
  `
})
export class SelectExampleComponent {
  form: FormGroup;
  options = [
    { label: 'Option 1', value: 1 },
    { label: 'Option 2', value: 2 },
    { label: 'Option 3', value: 3 }
  ];

  constructor(private fb: FormBuilder) {
    this.form = this.fb.group({
      selectedOption: this.fb.control(this.options[1]) // 预先选择 Option 2
    });
  }
}