Javascript 按钮的图标未显示

铅笔图标将显示，但按钮不会显示。但是，该按钮将不起作用

这是从打底示例中剥离出来的

（我添加铅笔图标只是为了证明我试图包含的css没有问题）

---

为什么会发生这种情况？

在按钮上的

类

属性中定义字体图标，而不是

图标

属性

按钮可能使用了错误的字体。在你的开发工具中检查它，你会发现它的字体与上面的

i

元素不同。我正在查看你链接的文件，没有看到任何可供借鉴的

示例。发现问题，忘了在我的应用模块中包含pButton，谢谢@jayjay93 Priming现在建议使用Prime图标。希望此链接有助于发现问题，忘记在我的应用程序模块中包含pButton

<ng-template pTemplate="summary" let-rowData>
<div style="text-align:left">
  <i class="fa fa-pencil" title="Edit"></i>
  <button type="button" pButton icon="fa fa-pencil" (click)="showDialogToAdd()" label="Add"></button>
</div>