在 Angular 7 中使用 PrimeNG 的 flexgrid 没有任何效果

Question

我想使用 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"
        ],

所以这些似乎在那里。我做错了什么？

Answer 1

您需要安装该primeflex软件包。

npm i primeflex

然后将以下内容添加到angular.json文件中的样式数组。

node_modules/primeflex/primeflex.css

之后事情应该会按预期进行。