Angular2 ngModel 选择 - 处理一个对象

Question

我有以下构造:

 <select ngbDropDown class="form-control" id="disk1" required [(ngModel)]="disk1" name="resourceA">
     <option *ngFor="let r of disks" [value]="r">{{r.name}}</option>
 </select>

我想将 r 对象传递给 ngModel disk1，这是我组件中的一个属性:

disk1 = new Disk();

但是，如果我在更改选择框后尝试访问它，我会得到未定义的信息:

console.log("Disk1 id: " + this.disk1.id);

有什么想法吗？谢谢!

Answer 1

您可以使用 ngValue 而不是简单的值绑定(bind)来将对象绑定(bind)到 option 元素。

<select [(ngModel)]="model.selectedItem" name="selectItem">
    <option *ngFor="let item of items" [ngValue]="item">{{item.title}}</option>
</select>