Я пытаюсь шаблонизировать выбранные элементы в компоненте angular2-multiselect-dropdown, но когда я устанавливаю для badgeShowLimit, например, 5, я могу правильно видеть +1, +2 и c ... в выбранном область меток элементов, когда я выбираю 6, 7 элементов, но компонент продолжает добавлять новые метки для каждого выделенного элемента в той же области.
снимок экрана
.ts:
this.dropdownSettings = {
singleSelection: false,
text: 'select OAs',
enableSearchFilter: true,
classes: 'angular2-multiselect',
showCheckbox: true,
enableCheckAll: false,
searchBy: ['riadName', 'riadCode' ],
primaryKey: 'riadCode',
badgeShowLimit: 5
};
. html:
<angular2-multiselect [data]="observedAgents" [(ngModel)]="selectedOas" [settings]="dropdownSettings"
(onSelect)="onItemSelect($event)" (onDeSelect)="OnItemDeSelect($event)"
style="min-height: 30px !important; font-family: Open Sans, Helvetica Neue, sans-serif !important; font-size: 14px !important;">
<c-item>
<ng-template let-item="item">
<label
style="color: #333;min-width: 150px; font-weight: normal !important; font-size: 12px !important;">{{item.riadName}}</label>
</ng-template>
</c-item>
<c-badge>
<ng-template let-item="item">
<label
style="margin: 0px; background-color: #4076BF; color: #FFF;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal !important;">
{{item.riadName}}
</label>
</ng-template>
</c-badge>
</angular2-multiselect>
Есть идеи?