如何在angular中使用Tab键从垫下拉菜单中选择选项

<form [formGroup]="myForm">
  <select formControlName="mySelect" (keydown)="onKeyDown($event)">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
</form>

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      mySelect: ['']
    });
  }

  onKeyDown(event: KeyboardEvent) {
    if (event.key === 'Tab') {
      event.preventDefault();
      const selectedValue = this.myForm.get('mySelect').value;
      console.log('Selected value:', selectedValue);
      // 在这里可以添加更多逻辑，比如提交表单等
    }
  }
}