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

【问题标题】：How to differentiate drop down value and selected value from drop down using angular2-multiselect?如何使用 angular2-multiselect 从下拉列表中区分下拉值和选定值？
【发布时间】：2017-10-25 03:47:36
【问题描述】：

我有一个要求，我有一个多选下拉菜单，并且下拉菜单中的值具有“代码 - 名称”。当我从下拉列表中选择时，它应该只显示“代码”。我在我的 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>

【问题讨论】：

你能贴一些代码吗？

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

【解决方案1】：

在您的组件文件中，您必须在下面提及它

this.settings = { 单选：真， text: "选择类别", selectAllText: '全选', unSelectAllText: '取消全选', 启用搜索过滤器：真，徽章显示限制：3， labelKey: '代码', addNewItemOnFilter: 真 }; 在 ngOnInit() 和 public settings={};(空数组)作为类变量 "lableKey" 属性将显示在选择中

【讨论】：