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>