Стиль Primeicon не загружается в складные данные таблицы групп строк в угловой

#angular #primeng #primeicons

Вопрос:

У меня есть проект 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

Ответ №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">