获得ngPrime为Angular 2工作

我已经在Angular 2项目上工作了,到目前为止GMap和Chartjs的工作。

但现在我有问题,如果我包括一个Accordeon它没有得到格式正确。

我包括primeng和primeui通过

npm install primeng –save

npm install primeui –save

还有font-awesome via

npm安装字体真棒 – 保存

这是我的angular-cli.json

"styles": [ "styles.css", "../node_modules/primeng/resources/themes/omega/theme.css", "../node_modules/font-awesome/css/font-awesome.min.css", "../node_modules/primeng/resources/primeng.min.css", "../node_modules/primeui/primeui-ng-all.min.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/bootstrap/dist/js/bootstrap.js", "../node_modules/primeui/primeui-ng-all.min.js" ], 

这是迄今为止的结果。

产生的输出

这将是很好,如果有人可以提出一些build议:-)

经过艰苦的研究,我find了自己的解决scheme;-)

解决scheme是导入全局styles.css中的.css文件,而不是在angular-cli.json中

这是我的新styles.css文件

  /* You can add global styles to this file, and also import other style files */ @import url('../node_modules/primeng/resources/themes/omega/theme.css'); @import url('../node_modules/primeng/resources/primeng.min.css'); @import url('../node_modules/font-awesome/css/font-awesome.min.css'); 

这是我的新产出

所以也许,如果有人有同样的错误,这将有助于。