在动态生成的<select>上取消选择ng

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

<button (click)="cancelSelection()">Cancel Selection</button>

export class MyComponent {
  selectedOption: string;

  cancelSelection() {
    this.selectedOption = null;
  }
}

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

<button (click)="cancelSelection(mySelect)">Cancel Selection</button>

export class MyComponent {
  cancelSelection(selectElement: HTMLSelectElement) {
    selectElement.selectedIndex = -1;
  }
}

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

<button onclick="cancelSelection()">Cancel Selection</button>

function cancelSelection() {
  var selectElement = document.getElementById("mySelect");
  selectElement.selectedIndex = -1;
}