如何使用angular2-multiselect區分下拉值和選定值與下拉值？

Question

我有一個要求，其中有一個多選下拉列表，並且下拉列表中的值具有“代碼-名稱”。 當我從下拉菜單中選擇時，它應該僅顯示“代碼”。 我在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>

Answer 1

在您的組件文件中，您必須如下所述

this.settings = {singleSelection：true，文本：“ Select Categories”，selectAllText：'Select All'，unSelectAllText：'UnSelect All'，enableSearchFilter：true，badgeShowLimit：3，labelKey：'code'，addNewItemOnFilter：true}; 在ngOnInit（）和public settings = {};中（空數組），因為類變量“ lableKey”屬性將顯示在select中