Angular4 更改选择框返回错误值

标签 angular

我想在 change 事件中做一些事情,但是 change 事件返回一个带有冒号前缀的值。如何在没有前缀和冒号的情况下获得正确的值?

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

最佳答案

当您想要绑定(bind)对象时,您只需使用[ngValue]

因此,因为 value.id 是一个原始值,所以使用 [value] 而不是 [ngValue]:

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

关于Angular4 更改选择框返回错误值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43967096/

相关文章:

javascript - 如何使用 if & for 函数从 firestorage 数组值中查找特定行

angular - base 64 以 Angular (2+) 编码和解码字符串

angular - Dart Angular示例

angular - 如何在 Swiper (Angular) 中自定义导航按钮的大小

Angular 4 : how to react to @input variable changes

angular - 错误 : (SystemJS) XHR error (404 Not Found) loading service

Angular 2 相当于 href ="#someElementId"

javascript - 如何使用 Angular 检索选定的文件名?

angular - Angular 中的 StaticInjector 与 ReflectiveInjector

javascript - 将参数发送到 SQL Server 的 Rest API