如何清除Angular中的组合框选定值

<select [(ngModel)]="selectedValue">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<button (click)="clearSelection()">Clear Selection</button>

export class MyComponent {
  selectedValue: string;

  clearSelection() {
    this.selectedValue = null;
  }
}

<select [formControl]="myControl">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<button (click)="clearSelection()">Clear Selection</button>

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

@Component({
  selector: 'my-component',
  templateUrl: './my-component.html',
})
export class MyComponent {
  myControl = new FormControl();

  clearSelection() {
    this.myControl.reset();
  }
}

<select #mySelect>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<button (click)="clearSelection(mySelect)">Clear Selection</button>

export class MyComponent {
  clearSelection(selectElement: HTMLSelectElement) {
    selectElement.value = null;
  }
}