Angular4-更改选择框返回错误的值

Question

我想为新的选择做些事情，但是我在onChange（）中得到的是最后一个选择。如何在没有前缀和连字符的情况下获得正确的值？

简历，教育form.component.html

<select class="form-control custom-select" name="course_id" id="course_id" formControlName="course_id" (change)="onChange($event.target.value)"> 
    <option value="">--Select--</option> 
    <option *ngFor="let course of course_list" [ngValue]="course.id">{{ course.name }}({{course.id}})</option> 
</select> 

简历，教育form.component.ts

onChange(value) : void { 
    console.log('Course Value',value) 
} 

例如：我得到值2：8。期望值是

Answer 1

你只需要使用[ngValue]时要绑定对象。

所以，作为value.id是原始值，使用[value]代替[ngValue]：

<option *ngFor="let course of course_list" [value]="course.id">{{ course.name }}({{course.id}})</option>