代码之家 › 专栏 › 技术社区 › Mohammad Reza Mrg

如何在离子4中使用底漆(额定值)组件?

ionic4 primeng

Mohammad Reza Mrg · 技术社区 · 7 年前

一些组件,如按钮和面板工作正常,但另一些组件,如rating和fielset未完全显示你可以看到一些长方形的星星图标:

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

已向app.module添加BrowserAnimationsModule

"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';

finlay在page.html中:

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

0 回复 | 直到 7 年前

Mohammad Reza Mrg 7 年前

芬利我发现了问题

首先停止运行离子项目。然后在variable.scss和global.scss块后添加prime 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"
    ],

推荐文章

Asaf Abekasis · 如何在css中检查p-drop prime ng是否已选择值

1 年前