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

Question

在 Angular 2 中，使用 ngRepeat 选择字符串数组的选项工作正常，但当数据是对象数组时，它无法按预期工作。 ngModel 显示为“[Object object]”而不是所选对象。 我也尝试过 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}];

你的建议对我很有帮助。 谢谢!

Answer 1

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

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