如何使用angular2-multiselect从下拉列表中区分下拉值和选定值?

时间:2017-10-25 03:47:37

标签: angular drop-down-menu multi-select

我有一个要求,我有一个多选下拉列表,下拉列表中的值有"代码 - 名称"。当我从下拉菜单中选择时,它应该只显示" Code"。我在Angular2应用程序中使用angular2-multiselect。 请帮忙。

<angular2-multiselect 
    [data]="projectList" 
    [(ngModel)]="selectedProject" 
    [settings]="projectSettings" 
    (onSelect)="update($event)" 
    (onDeSelect)="update($event)" 
    (onSelectAll)="update($event)" 
    (onDeSelectAll)="update($event)"> 
</angular2-multiselect>

1 个答案:

答案 0 :(得分:1)

在组件文件中,您必须将其提及如下

this.settings = {       singleSelection:true,       文字:“选择类别”,       selectAllText:“全选”,       unSelectAllText:“全部取消选择”,       enableSearchFilter:true,       badgeShowLimit:3,       labelKey:'代码',       addNewItemOnFilter:true     }; 在ngOnInit()和  public settings = {};(空数组)作为类变量 “ lableKey”属性将显示在选择中