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

Question

我有一个 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"

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

这是我的 GitHub 存储库

Answer 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">