以编程方式在角度 5 ng-select 中设置选定值

Question

我正在使用 angular5 ng-select 组件： https://github.com/ng-select/ng-select 并尝试在首次加载容器组件时（以编程方式）设置 选定值（模型中设置的默认选定值类型）。 我没有为它或每个项目的 isSelected 找到任何相关属性。 这是我的代码（过滤）： HTML：

<ng-select [items]="filter.values"  bindLabel="text" bindValue="id" class="input-md" [(ngModel)]="filter.selectedValue"></ng-select>

型号：

export class FilterData
{
    Name : string;
    FormattedName : string;
    values : Filter[];
    selectedValue : Filter = null;
    constructor(filterData : FilterData)
    {
        this.Name = filterData.Name;
        this.values = filterData.values;
        this.selectedValue = typeof filterData.selectedValue == "undefined" ? null : filterData.selectedValue;
    }
}

export class Filter 
{
    public id: number;
    public text: string;
}

Answer 1

只要找到项目

    let item = this.ngSelect.itemsList.findByLabel('label of the item');

然后放回去

    this.ngSelect.select(item);

您需要在 Angular 组件中引用 ng-select

    @ViewChild(NgSelectComponent)
    ngSelect: NgSelectComponent;