angular - Primeng：选择列表不显示按钮图标

Question

我在我的应用程序中使用选择列表，但似乎用于将数据项从源移动到目标的按钮图标，箭头图标没有显示在我的页面中。它只显示空白按钮。如果您选择项目并单击任何按钮，它将按预期工作，但不会显示图标。

<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>

我的控制台上没有任何错误。

Answer 1

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