PrimeNGドロップダウンのハイライト表示された項目にアイコンを含めることはできますか？

Question

PrimeNGドロップダウンの項目が選択されているときにチェックアイコンを追加しようとしています。私はそれをすべてのアイテムに表示するように管理しましたが、選択したアイテムに対してのみ表示することができます。これを行う方法はありますか？ありがとう！

<label for="">Status</label> 
 
<br> 
 
<p-dropdown [options]="status" [(ngModel)]="selectedStatus" [style]="dStyle" > 
 
    <ng-template let-car pTemplate="item"> 
 
     <div class="ui-helper-clearfix" style="position: relative;height: 25px;"> 
 
      <i class="fa fa-check" aria-hidden="true" style="margin-top:5px;"></i> 
 
      <div style="font-size:14px;display: inline-block;margin-top:4px;padding-left: 20px;">{{car.label}}</div> 
 
     </div> 
 
    </ng-template> 
 
</p-dropdown>

Answer 1

あなたのアイコンを* ngIfを追加し、 "車は" 何らかの理由であなたのselectedStatus

http://plnkr.co/edit/L5Us5L8UptothCP1SCKU?p=preview

<p-dropdown [options]="cars" [(ngModel)]="selectedCar" [style]="dStyle" > 
    <ng-template let-car pTemplate="item"> 
     <div class="ui-helper-clearfix" style="position: relative;height: 25px;"> 
      <i *ngIf="selectedCar === car.value" class="fa fa-check" aria-hidden="true" style="margin-top:5px;"></i> 
      <div style="font-size:14px;display: inline-block;margin-top:4px;padding-left: 20px;">{{car.label}}</div> 
     </div> 
    </ng-template> 
</p-dropdown>