Page 1 of 1

p-dropdown styleClass SelectItem

Posted: 10 Jul 2019, 12:14
by vodketto
Hello everyone,
I have a problem with customizing the single item.

I create an array of type SelectItem, to one of these items imposed the "styleClass".

Code: Select all

 public static readonly tipoProcedimento : SelectItem[] =
        { label: '(Tutte)', value: 0 },
        { label: 'Valutazione Ambientale Strategica', value: 1, styleClass: 'macroFamiglia' }
Doing the inspect element, I can't find the name I had entered in the "styleClass".

Seeing the js of the dropdown, he doesn't import the styleClass attribute into the template.

Code: Select all

    DropdownItem = __decorate([
            selector: 'p-dropdownItem',
            template: "\n        <li (click)=\"onOptionClick($event)\" role=\"option\"\n            [attr.aria-label]=\"option.label\"\n            [ngStyle]=\"{'height': itemSize + 'px'}\"\n            [ngClass]=\"{'ui-dropdown-item ui-corner-all':true,\n                                                'ui-state-highlight': selected,\n                                                'ui-state-disabled':(option.disabled),\n                                                'ui-dropdown-item-empty': !option.label||option.label.length === 0}\">\n            <span *ngIf=\"!template\"  >{{option.label||'empty'}}</span>\n            <ng-container *ngTemplateOutlet=\"template; context: {$implicit: option}\"></ng-container>\n        </li>\n    "
    ], DropdownItem);
No option.styleClass is called in this code
Is it a primeng error? am I wrong to do something?