如何在 Ionic 4 中使用 PrimeNG（评级）组件？

Question

按钮和面板等某些组件工作正常，但其他一些组件（例如评级和字段集）未完全显示我认为这是因为缺少 font-awsome 你可以看到一些长方形的星形图标：

npm install primeng --save
npm install primeicons --save
npm install @angular/animations --save

已经将 BrowserAnimationsModule 添加到 app.module 这行代码为 angular.json

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  //...
],

已添加到目标页面模块的导入部分：

import {PanelModule} from 'primeng/panel';

芬莱在 page.html:

<p-rating [(ngModel)]="val"></p-rating>

Answer 1

finlay 我发现了问题

第一站运行ionic项目。然后在 variable.scss 和 global.scss 块之后添加 primeng css 像这样：

"styles": [                           
      {
        "input": "src/theme/variables.scss"                
      },
      {
        "input": "src/global.scss"
      },
      "node_modules/primeicons/primeicons.css",
      "node_modules/primeng/resources/themes/nova-light/theme.css",
      "node_modules/primeng/resources/primeng.min.css"
    ],

如何在 Ionic 4 中使用 PrimeNG（评级）组件？

How can I use PrimeNG (rating) components in Ionic 4?

primeng

ionic4