angular - 角度 2 选择 ngModelChange

Question

这个问题是从可访问性的角度来看的。我有一个如下的选择语句并使用 Angular 2。它在使用鼠标时可以正常工作。使用键盘向下箭头键时，我需要能够选择一个选项并按 Enter 键以便执行操作。我如何在 select 语句中实现这一点。

<select [(ngModel)]="selItem" class="form-control" name="itemSelection" (ngModelChange)="onItemChange($event)"

也不对有一个单独的提交按钮来对从选择下拉列表中选择的项目进行操作不感兴趣

Answer 1

尝试这个：

    <select [(ngModel)]="selItem" class="form-control" name="itemSelection" (ngModelChange)="onItemChange($event)">
        <option [value]="x" *ngFor="let x of names">{{x}}</option>
    </select>

 names = ['ram','sham','vijay']
  selItem = 'ram';
  onItemChange(data) {
    console.log(data);
    this.selItem = data;
  }`enter code here`