让ngPrime为Angular 2工作

时间:2017-02-04 09:09:25

标签: node.js angular font-awesome

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

但是现在我遇到了一个问题,即如果我包含一个Accordeon它没有正确格式化。

我通过

包括了primeng和primeui

npm install primeng --save

npm install primeui --save

还有font-awesome via

npm install font-awesome --save

这是我的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"
          ],

这是迄今为止的结果输出。

resulting output

如果有人能提出一些建议会很好: - )

1 个答案:

答案 0 :(得分:1)

经过艰苦的研究后,我找到了自己的解决方案; - )

解决方案是导入全局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');

And this is my new output

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