Primeicon样式未加载到angular中的可折叠行组表格数据中

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"

但图标未加载。问题是：

​

Here is my GitHub Repo

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