Как стилизовать конкретный параметр в раскрывающемся списке, когда значения загружаются динамически (PrimeNG)? - PullRequest
Новая
       10

Как стилизовать конкретный параметр в раскрывающемся списке, когда значения загружаются динамически (PrimeNG)?

0 голосов
/ 30 сентября 2019

Как и в заголовке, мне нужно установить style: color: red; в некоторых опциях из выпадающего списка, и я не знаю как. Вот мой код (я использую PrimeNG):

Мой HTML: 

<div class="modal-body">
 <form [formGroup]="reasonForm" #reasonModal="ngForm" (ngSubmit)="onReject()">
   <div formArrayName="items">
     <div *ngFor="let item of Items.controls; let i=index" [formGroupName]="i">
      <div class="rejectionreasons row">
       <div class="col">
        <p>{{'Select fields for rejection' | translate}}:</p>
        <p-multiSelect [maxSelectedLabels]="5" [options]="dataListReject"
          defaultLabel="{{'Select' | translate}}..." [style]="{'width':'100%'}"
          formControlName="datatoreject">
        </p-multiSelect>
       </div>
       <div class="col">
        <p>{{'Select rejection reason' | translate}}:</p>
        <p-dropdown [options]="rejectionReasons" formControlName="rejectionreason">
        </p-dropdown>
       </div>
       <div class="col-md-1">
        <button type="button" class="button addrejection" (click)="deleteItem(i)">
         <i class="fa fa-times"></i>
        </button>
       </div>
      </div>
     </div>
    </div>
    ....

Вот изображение того, как я хочу, чтобы это выглядело: drop down list И HTML (исходная страница), который генерируется: 

<p-multiselectitem class="ng-tns-c4-6 ng-star-inserted" style="">
 <li class="ui-multiselect-item ui-corner-all" aria-label="First Name" 
  tabindex="0" style="display: block;">
  <div class="ui-chkbox ui-widget">
   <div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default">
    <span class="ui-chkbox-icon ui-clickable"></span>
   </div>
  </div>
  <!---->
  <span class="ng-star-inserted">First Name</span>
  <!---->
 </li>
</p-multiselectitem>
<p-multiselectitem class="ng-tns-c4-6 ng-star-inserted" style="">
 <li class="ui-multiselect-item ui-corner-all" aria-label="Surname" 
  tabindex="0" style="display: block;">
  <div class="ui-chkbox ui-widget">
   <div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default">
    <span class="ui-chkbox-icon ui-clickable"></span>
   </div>
  </div>
  <!---->
  <span class="ng-star-inserted">Surname</span>
  <!---->
 </li>
</p-multiselectitem>
<p-multiselectitem class="ng-tns-c4-6 ng-star-inserted" style="">
 ....
</p-multiselectitem>

Сложная часть, которую я считаю здесь, заключается в том, что список загружается динамически, и у меня не всегда одинаковые значения, и я хочу стилизоватьконкретные значения, когда они появляются в этом раскрывающемся списке. Есть идеи?

...