Angular 2选择器ngModelChange

Question

这个问题是从无障碍角度考虑的。我有一个如下所示的选择语句，并使用Angular 2。在使用鼠标时，它按照预期完美地工作。当使用键盘向下箭头键时，我需要能够选择一个选项并按Enter键使操作生效。我该如何在选择语句中实现这一点。

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

我不希望有一个单独的提交按钮来执行从下拉选择框中选定的项目。

- BalajiK

---

<select [(ngModel)]="selItem" class="form-control" name="itemSelection" (ngModelChange)="onItemChange($event)"> 下拉菜单 <select>，绑定了 [(ngModel)] 属性为 "selItem"，class 为 "form-control"，name 为 "itemSelection"，并且监听了 (ngModelChange) 事件，调用了 onItemChange($event) 函数。 - BalajiK

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`

- Sandip Jaiswar