我可以在primeng按钮上添加图标吗？

Question

我一直在尝试将来自http://seehowsupport.com/font-awesome/网站的图标添加到我的 p 按钮。

<div class="ui-g-12">
    <button pButton id="selectFile" (click)="selectFile()" label="+ Select File..."></button>
</div>

在这里，代替标签中的“+”，我希望从 url 上方设置图标。我听说将 css 中的某些内容属性更改为 \f067 可以做到，但我不知道该怎么做。谢谢

Answer 1

按钮上的图标使用 icon 属性指定，位置使用 iconPos 属性自定义。默认图标位置为左。要仅显示图标，请将标签保留为未定义。

您可以通过以下两种方式将图标添加到primeng Button。

<button pButton type="button" icon="pi pi-check" iconPos="left"></button>
<p-button label="Click" icon="fa fa-check" iconPos="left"></p-button>

工作示例

有关文档的更多阅读 -

• https://primefaces.org/primeng/#/button