如何在Ionic 4中使用PrimeNG (额定值)组件？

Question

一些组件，如按钮和面板工作正常，但其他一些组件，如评级和字段集没有完全显示，我认为这是因为缺少字体-令人敬畏的你可以看到一些矩形实例的星形图标：

​

​

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中的finlay：

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

Answer 1

芬利我找到问题了

首先停止运行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"
    ],