我可以在 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 并设置它以查看 "car" 是否等于您的 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>

我可以在 PrimeNG 下拉列表的突出显示项中包含一个图标吗？

Can I include an icon to the highlighted item for PrimeNG dropdown?

html

css

dropdown

primeng