Question

有人可以解释一下如何使用PrimeNG styleClass接口的SelectItem吗？

我正在使用PrimeNG multiselect，我认为每个SelectItem的styleClass用于在该特定元素上应用类。但不知何故不能这样做。

以下代码段：

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 。但它并没有发生。

Answer 1

我使用模板化功能。

<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

PrimeNG多选中SelectItem的styleClass属性

1 个答案: