Primeng：PickList不显示按钮图标

Question

i am using picklist in my application but it seems that button icons that is for moving data item from source to target, that icons of arrow is not getting display in my page. it just shows blank buttons. if you select item and clicks on any button it will work as expected but icons are not getting displayed.

<p-pickList [source]="availableColumns" [target]="usedColumns" sourceHeader="Available" targetHeader="Used" [responsive]="true" [sourceStyle]="{'height':'300px'}" [targetStyle]="{'height':'300px'}">
                            <template let-col pTemplate="item">
                                <div class="ui-helper-clearfix">                                
                                    <div style="font-size:14px;margin:5px 5px 0 0">{{col.header}}</div>
                                </div>
                            </template>
                        </p-pickList>

I m not getting any error on my console.

Answer 1

您是否将font-awesome添加到项目中，因为primeng对图标使用了font-awesome。