Primeicon 样式未以角度加载到可折叠行组表数据中答案

【问题标题】：Primeicon style is not loading in collapsible row group table data in angularPrimeicon 样式未以角度加载到可折叠行组表数据中
【发布时间】：2021-08-14 19:14:58
【问题描述】：

我有一个 Angular 12 项目。我已经安装了 PrimeNG 控件版本 11.4.4。在我的表格中，我想要一个包含可折叠行组数据的表格。桌子工作正常。但问题是可折叠行组图标没有显示或加载。我已经安装了 Primeicon 并在 angular.json 中使用了以下代码：

"src/styles.css",
              "node_modules/primeng/resources/themes/saga-blue/theme.css",
              "node_modules/primeng/resources/primeng.min.css",
              "node_modules/primeflex/primeflex.css",
              "node_modules/primeicons/primeicons.css",
              "node_modules/quill/dist/quill.snow.css"

但是图标没有加载。问题是：

Here is my GitHub Repo

【问题讨论】：

标签： angular primeng primeicons

【解决方案1】：

在您的 app.module 中添加以下内容以修复图标问题

import { ButtonModule } from 'primeng/button';
 imports: [
    ButtonModule,
    ],

此外，控制台中存在一些关于 css 文件的错误，请从 index.html 中删除这些文件，因为这些文件已包含在 angular.json 文件中

<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/themes/nove-light/theme.css">
  <link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/primeng.min.css">
  <link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css">

【讨论】：