Использование flexgrid PrimeNG в Angular 7 не имеет никакого эффекта - PullRequest
Новая
       7

Использование flexgrid PrimeNG в Angular 7 не имеет никакого эффекта

0 голосов
/ 25 декабря 2018

Я хочу использовать PrimeNG FlexGrid и попытался просто скопировать пример: 

<div class="p-grid">
    <div class="p-col">1</div>
    <div class="p-col">2</div>
    <div class="p-col">3</div>
</div>

, который должен был выводить числа 1 2 3 рядом друг с другом.К сожалению, это не так, но просто выведите: 

1
2
3

Я могу использовать стили кнопок PrimeNG.Тем не менее, я гарантировал, что импортировал css-файлы, упомянутые в Руководство по началу работы .В моем app.module.ts говорится: 

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

, так что, похоже, они есть.Что я сделал не так?

1 Ответ

0 голосов
/ 25 декабря 2018

Вам необходимо установить пакет primeflex. 

npm i primeflex

Затем добавьте следующее в массив стилей в вашем файле angular.json . 

node_modules/primeflex/primeflex.css

После этого все должно работать как положено.

...