angular - 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>