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

Question

我有一个 Angular 12 项目。我已经安装了 PrimeNG 控件版本 11.4.4。在我的表单中，我想要一个 table 和可折叠的行组数据。 table 工作正常。但问题是可折叠行组图标未显示或加载。我已经安装了 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">

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

Primeicon style is not loading in collapsible row group table data in angular

primeng

angular

primeicons