在angular2选择选项中,对象数组的ng-repeat不起作用。它给[Object object]而不是真实对象

时间:2016-08-23 11:39:14

标签: object select angular

在角度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}];

您的建议对我有帮助。 谢谢!

1 个答案:

答案 0 :(得分:2)

[value]上的

<select>仅适用于字符串值。对于对象值,它需要[ngValue]

<option *ngFor="let item of items" [ngValue]="item">