在Angular 7中使用PrimeNG的flexgrid无效

Question

我想使用PrimeNG的FlexGrid并尝试简单地复制示例：

>> a = [1, 2, 3, 4, 5]
a =

   1   2   3   4   5

>> b = [1; 2; 3; 4; 5]
b =

   1
   2
   3
   4
   5

>> a+b
ans =

    2    3    4    5    6
    3    4    5    6    7
    4    5    6    7    8
    5    6    7    8    9
    6    7    8    9   10

，它应该输出彼此相邻的数字<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

我能够使用PrimeNG的Button样式。但是，我确保导入了Get-Started Guide中提到的css文件。在我的1 2 3 中说：

app.module.ts

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

Answer 1

您需要安装primeflex软件包。

npm i primeflex

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

node_modules/primeflex/primeflex.css

事情应该会按预期工作。

Answer 2

您应该运行：

npm install primeflex --save

并将primeflex.css添加到您的应用程序中

内部angular.json文件：

"styles": [
  "node_modules/primeflex/primeflex.css"
],

之后，再次运行应用程序，并检查css类属性是否正在应用程序内部加载，如下所示：