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

Question

我想为新的选择做点什么，但是我在onChange（）中得到的东西总是最后选择。如何在没有前缀和连字符的情况下获得正确的值？

education.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>

education.component.ts

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

例如：我的值 2：8 。预期值 8

Answer 1

如果要绑定对象，只需使用[ngValue]。

因此，由于value.id是原语值，请使用[value]代替[ngValue]：

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