我正在使用 angular5 ng-select 组件:https://github.com/ng-select/ng-select并尝试设置选定值(以编程方式)当容器组件首次加载时(模型中设置的默认选择值)。
我没有找到它或的任何相关属性已选择对于每个项目。
这是我的代码(已过滤):
HTML:
<ng-select [items]="filter.values" bindLabel="text" bindValue="id" class="input-md" [(ngModel)]="filter.selectedValue"></ng-select>
Model:
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;
}
只需找到该项目
let item = this.ngSelect.itemsList.findByLabel('label of the item');
然后将其设置回去
this.ngSelect.select(item);
您需要在角度分量中引用 ng-select
@ViewChild(NgSelectComponent)
ngSelect: NgSelectComponent;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)