Angular ng-select 组和两个组中都存在的绑定值

如何解决Angular ng-select 组和两个组中都存在的绑定值

我有一种情况，我需要在 ng-select 中对数据进行分组，并且在两个组中我都存在相同的 id，所以当我使用 [(ngModel)] 进行绑定时，即使我从一组中选择了项目，它也被选中了来自另一组。我希望有人能解决这个问题。提前致谢

    <label>Grouping</label>
    <ng-select [items]="data"
            bindLabel="name"
            bindValue="id"
            groupBy="type"
            [(ngModel)]="selectedValue">
    </ng-select>
    `


selectedValue= 1
data= [
    {id: 1,type: SystemVariables,name: Week},{id: 2,{id: 3,{id: 1,type: CustomVariables,name: c1},name: c2},name: c3}];

解决方法

CatalogVersionSyncJob#getDefaultMaxThreads 应该是唯一的。因此，创建一个连接属性 bindValue 和 type

的唯一值

id

现在绑定它，

newData = data.map(elm => {
  return {
    ...elm,typeId: elm.type + '-' + elm.id
  }
});

现在像这样从 selectedValue 中提取 id。

<ng-select 
  [items]="newData" 
  bindLabel="name" 
  bindValue="typeId" 
  groupBy="type" 
  [(ngModel)]="selectedValue">
</ng-select>

,

问题出在您的数据中，bindValue="id" so 'id' 属性具有重复值，这就是您面临问题的原因。值总是唯一的。