Ng-select 显示与下拉菜单不同的值

Question

我希望我的DropDown将属性名称显示为Description ，将id属性绑定到模型并显示所选项目的属性ScoreName 。 有没有办法用ng-select实现这一目标？

Scores = [
  { id:1, ScoreName:'1', Description:'Bad' }, 
  { id:2, ScoreName:'2', Description:'Good' },
  { id:3, ScoreName:'3', Description:'Best' }
]

<ng-select class="score" name="score" appendTo="body" [loading]="!loaded" 
   [items]="Scores" bindLabel="ScoreName" bindValue="ScoreName" 
   placeholder="" [(ngModel)]="row.Score">
</ng-select>

Answer 1

您好，如果您仍然需要这个，您可以使用自定义模板，并且不能将bindValue与对象解释一起使用。 有关自定义模板的示例，请参见此处

Answer 2

我知道这有点晚了，但也许它会帮助别人。

您可以使用 IdiakosE 已经说过的自定义模板。

 <ng-select class="score" name="score" appendTo="body" [loading]="!loaded" [items]="Scores" bindLabel="ScoreName" bindValue="id" placeholder="" [(ngModel)]="row.Score"> <ng-template ng-option-tmp let-item="item" let-item$="item$" let-index="index"> {{item.Description}} </ng-template> </ng-select>