Question

努力从下拉中获取选定的值。

目前正在返回undefined的值。

如何在Angular 2中获得此选定值（opl.Opl_Id）？

<form class="form-inline" novalidate>
    <select class="form-control" (change)="onChange(opl)">
          <option [selected] = "opl.OplDescription == selectedOpl"  *ngFor="let opl of existingOpls" [ngValue]="opl.Opl_Id">{{opl.OplDescription}}</option>
    </select

//component
 onChange(value) {
    console.log(value);
}

Answer 1

为什么要调用额外的更改事件来获取所选值？使用[(ngModel)]来获取更新值，如下所示，

<select class="form-control" [(ngModel)]="selectedVal">              //<<<---here

      <option [attr.selected] = "opl.OplDescription == selectedOpl" //<<<---here
              *ngFor="let opl of existingOpls" 
              [ngValue]="opl.Opl_Id">
              {{opl.OplDescription}}
      </option>

</select>

{{selectedVal}}

Answer 2

我发现这更容易..希望它能帮助未来的开发者。

 <select class="form-control" id="select" (change)="Selected($event.target.value)">
        <option *ngFor="let item of items" [value]="item.id">{{item.value}}</option>
    </select>


    Selected(value: any) {

            console.log(value);

               }

获取选定的值下拉角度Angular 2

2 个答案: