自定义ng-select无法高亮已选中项问题求助

你遇到的问题核心是控件值的类型和ng-select配置不匹配：

问题分析 #

你给ng-select配置了[bindValue]="id"，这意味着该控件的有效值应该是选项的id数组，但你初始化时直接传入了完整的对象数组[{id:25, name: 'Muhammad Yousuf'}]。虽然自定义标签模板能显示对象的name属性，但ng-select内部是通过bindValue指定的id字段来匹配下拉选项的选中状态，所以对象数组无法和下拉项的id匹配，导致下拉列表里对应的项没被标记为选中。

修复步骤 #

1. 修正初始化赋值逻辑，把默认数据转换成id数组：

// 替换原来的setValue代码
this.componentFormGroup.controls[this.componentFormControlName].setValue(
  this.defaultListData.map(item => item.id)
);

2. 修正bindLabel的语法错误：
   模板里的[bindLabel]="name"应该改为bindLabel="name"（或者[bindLabel]="'name'"），因为这里要绑定的是字段名字符串，不是组件里的变量。

逻辑验证 #

手动选择时一切正常，是因为ng-select会自动将选中的对象转换为bindValue指定的id值存入控件，和配置的有效值类型一致；而你手动传对象数组时，类型不匹配，导致内部匹配失败。

内容的提问来源于stack exchange，提问作者imMoazzamAli