angular 2选择ngModelChange

时间:2017-04-19 23:06:07

标签: angular select angular2-ngmodel

此问题来自“辅助功能”视角。我有一个如下所示的选择语句并使用Angular 2.它在使用鼠标时应该完美无缺。当使用键盘向下箭头键时,我需要能够选择一个选项并按下回车键以便执行操作。我如何在select语句中实现它。

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

对于从选择下拉列表中选择的项目有单独的提交按钮也不感兴趣

1 个答案:

答案 0 :(得分:2)

试试这个:

    <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`