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。期待値はあなたがオブジェクトをバインドしたいときは、ちょうど[ngValue]を使用

Answer 1

です。魔法のように

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