在角度2中,使用ngRepeat表示字符串数组的选项工作正常,但当数据是对象数组时,它不能正常工作。 ngModel显示为' [对象]'而不是选定的对象。 我也尝试过stringify,但没有运气。 这是我的代码。
HTML:
<select [(ngModel)]="selectedItem">
<option value="" selected disabled>Select any one</option>
<option *ngFor="let item of items" [value]="item">{{item.name}}</option>
</select>
{{selectedItem}}
数据:
items: any = [{name:'a', rate:20}, {name:'b', rate:36}, {name:'c', rate:42}];
您的建议对我有帮助。 谢谢!
答案 0 :(得分:2)
[value]
上的 <select>
仅适用于字符串值。对于对象值,它需要[ngValue]
<option *ngFor="let item of items" [ngValue]="item">