Свойство styleClass объекта SelectItem в множественном выборе PrimeNG - PullRequest
Новая
       33

Свойство styleClass объекта SelectItem в множественном выборе PrimeNG

0 голосов
/ 05 июня 2018

Может кто-нибудь объяснить мне, как использовать styleClass из SelectItem интерфейса PrimeNG?

Я использую множественный выбор PrimeNG, и я думаю, что styleClass для каждого SelectItem используется для применения класса к этому конкретному элементу.Но как-то не в состоянии это сделать.

Фрагмент кода ниже:

HTML 

<p-multiSelect [options]="cities1" [(ngModel)]="selectedCities1" optionLabel="label"></p-multiSelect>

sample.ts 

    cities1: SelectItem[];
this.cities1 = [
        {label:'New York', value: 'New York', styleClass: 'testClass'},
        {label:'Rome', value: 'Rome'},
    ];

Теперь я ожидаю, что первый элемент раскрывающегося списка будет иметь класс testClass .Но этого просто не происходит.

1 Ответ

0 голосов
/ 05 июня 2018

Я бы использовал для этого функциональность шаблонов. 

<p-multiSelect [options]="cities1" [(ngModel)]="selectedCities1" optionLabel="label">
    <ng-template let-city pTemplate="item">
        <span [ngClass]="city.value.styleClass">{{city.label}}</span>
    </ng-template>
</p-multiSelect>

См. StackBlitz

...