Angular4- on change选择框返回错误的值

发布时间：2020-12-17 17:51:44 所属栏目：安全来源：网络整理

导读：我想为新的选择做点什么,但是我在onChange()中得到的东西总是最后选择.如何在没有前缀和连字符的情况下获得正确的值？继续教育,form.component.html select class="form-control custom-select" name="course_id" id="course_id" formControlName="course_i

我想为新的选择做点什么,但是我在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.预期值为8

解决方法

如果要绑定对象,只需使用[ngValue].

因此,由于value.id是原始值,请使用[value]而不是[ngValue]：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!