每个植物都有一个植物,植物名称,角色。我正在尝试从选项选择中取回整个对象。
onChange(newValue){
console.log(newValue)
this.selectedPlant = newValue
}
<select
*ngIf="plants"
class="form-control"
style="width:auto;"
#sel
[(ngModel)]="selectedPlant"
(ngModelChange)="onChange($event)"
>
<option
*ngFor="#plant of plants"
[value]="plant.plantid"
>{{plant.plantname}}</option>
</select>
如果我设置[value] = "plant", I get "[Object, Object]"
.我将编写一个服务来从另一个值中获取一个值,但我觉得应该有一种更干净的方法来做到这一点。
如果你想使用对象作为值而不是纯字符串,你必须使用[ngValue]
而不是[value]
:
<select
*ngIf="plants"
class="form-control"
style="width:auto;"
#sel
[(ngModel)]="selectedPlant"
(ngModelChange)="onChange($event)">
<option
*ngFor="let plant of plants"
[ngValue]="plant">{{plant.plantname}}
</option>
</select>
如果你想要整个植物对象,而不用改变你的代码,你可以这样做-
onChange(plantid){
console.log(plantid)
this.selectedPlant = this.plants.filter((plant)=>{ return plant.plantid=== plantid;});
}
在你的 html 中 -
<select *ngIf="plants" class="form-control" style="width:auto;" #sel (ngModel)]="selectedPlant" (ngModelChange)="onChange($event.target.value)">
<option *ngFor="#plant of plants" [value]="plant.plantid">{{plant.plantname}}</option>
希望有帮助。