2016-08-23 51 views
2

在角度2选择选项与ngRepeat字符串数组工作正常,但它没有按预期工作时,数据是对象的数组。 ngModel显示为'[Object object]'而不是选定的对象。上午我尝试过,但也没有运气。 这是我的代码。在angular2中,对于数组对象的ng-repeat选项不起作用。它给出[对象对象]而不是真实的对象

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

[value] on <select>仅适用于字符串值。对于它要求的对象值[ngValue]

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

其工作正常..谢谢! – Rajni