Как я могу использовать компоненты PrimeNG (рейтинг) в Ionic 4? - PullRequest
1 голос
/ 31 марта 2019

некоторые компоненты, такие как кнопка и панель, работают правильно, но некоторые другие, такие как рейтинг и набор полей, не отображаются полностью. Я думаю, что из-за отсутствия шрифта - удивительный, вы можете увидеть прямоугольник, закрашенный значком звезды:

enter image description here

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

finlay in page.html:

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

1 Ответ

0 голосов
/ 02 апреля 2019

finlay Я обнаружил проблему

Первая остановка запускает ионный проект.и затем добавьте primeng css после блока variable.scss и global.scss следующим образом:

"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"
    ],
...