Primeicons不适用于树组件

时间:2018-12-28 19:26:28

标签: css angular typescript

这是我的代码:https://github.com/d1rtyW0lf/aqp-regroupement

我的风格:

"styles": [
     "node_modules/primeicons/primeicons.css",
     "node_modules/primeng/resources/primeng.min.css",
     "node_modules/primeng/resources/themes/omega/theme.css",
     "node_modules/font-awesome/css/font-awesome.min.css"
],

加载的结果:

enter image description here

我想这样渲染:

enter image description here

我知道Prime用PrimeIcons替换了很棒的字体。在哪里可以找到每个要测试的图标的名称?

今天仍然需要Fontawesome吗?该文档并不建议这样做,但是大多数处理此问题的帖子仍然要求这样做。

1 个答案:

答案 0 :(得分:1)

您必须在树数组中更改字体名称。

this.files = [
  {
    label: 'Folder 1',
    collapsedIcon: 'pi pi-folder',
    expandedIcon: 'pi pi-folder-open',
...

有可用的图标列表。

https://www.primefaces.org/primeng/#/icons