将选择元素绑定到Angular中的对象

将选择元素绑定到Angular中的对象 My Application

<select [(ngModel)]="selectedValue">  <option *ngFor="let c of countries" [ngValue]="c">{{c.name}}</option></select>

注意：您可以使用，

[ngValue]="c"

而不是

[ngValue]="c.id"

c是完整的国家/地区对象。

[value]="..."

仅支持字符串值，

[ngValue]="..."

支持任何类型

更新

如果

value

对象是对象，则预选实例必须与其中一个值相同。

另请参阅 自4.0.0-beta.7起可用的最近添加的自定义比较

---

<select [compareWith]="compareFn" ...

请小心，如果你想的访问

this

范围内

compareFn

。

compareFn = this._compareFn.bind(this);// or // compareFn = (a, b) => this._compareFn(a, b);_compareFn(a, b) {   // Handle compare logic (eg check if unique ids are the same)   return a.id === b.id;}