如何在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

finlay我发现了问题

首先停止运行离子项目。然后在如下的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"
    ],