javascript - 选择不改变

Question

我有一个连接到我的模型的选择，它具有键和值。我有一个 ngModelChange 连接到一个函数来检查选择值是什么。选择向用户显示关键，模型更改向 Controller 显示值。但是，当我尝试从选择模型获取 key 时，仅显示我实例化它的值。如何从我的选择中获取 key ？

页面

<select name="sel1" class="form-control" [ngModel]="selectedItem" (ngModelChange)="onChange($event)" >
    <option [value]="item.value" *ngFor="let item of items">{{item.key}}</option>
<select>

组件

private items:Array<any> = [
    { key:"Price", value:"itemPrice" },
    { key:"Year Made", value:"itemYear" },
    { key:"Model", value:"itemModel" },
    { key:"Customer Rating", value:"itemRating" },
    { key:"Newest Arrivals", value:"itemNewAriv" },
]; 
private selectedItem = this.items[0]; 
onChange(value) {
    console.log("Test"); 
    console.log(value); 
    console.log(this.selectedItem.key);  // Does not change 
}

Answer 1

如果item是一个对象(不是字符串)，那么应该使用[ngValue]而不是[value]:

 <option [ngValue]="item"