我有以下构造:
<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);
有什么想法吗?谢谢!
最佳答案
您可以使用 ngValue
而不是简单的值绑定(bind)来将对象绑定(bind)到 option
元素。
<select [(ngModel)]="model.selectedItem" name="selectItem">
<option *ngFor="let item of items" [ngValue]="item">{{item.title}}</option>
</select>
关于Angular2 ngModel 选择 - 处理一个对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39654048/