각도 변경 선택 상자가 잘못된 값을 반환합니다.

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]를 사용 8

Answer 1

입니다. value.id가 원시 값이 그대로

그래서, [ngValue] 대신 [value]를 사용 : 마법처럼

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