在Primeng按钮中添加svg图标

时间:2019-01-03 06:56:55

标签: angular primeng

我想在启动按钮中添加.svg图像而不是图标,我想在按钮的左侧显示文本,并在同一按钮的右上角显示svg图像。

我可以使用下面的代码使用主要图标来实现相同的功能,但是我应该使用svg图像而不是该图标来实现相同的功能。

<button class="p-col-9 font_13" pButton iconPos="right" label="Hello!!" icon="fa fa-star">
</button>

已经尝试了以下代码,它可以显示图像,但会破坏整个UI并使其无响应。

<button class="p-col-9 font_13" pButton label="{{floor.floor}}">
 <img src="../assets/icons/Right_Chevron.svg">
</button>

1 个答案:

答案 0 :(得分:0)

更好地使用字体。 将svg图标转换为字体,例如使用https://icomoon.io。 然后,只需使用自定义的CSS类即可。