让 ngPrime 为 Angular 2 工作答案

【问题标题】：get ngPrime working for Angular 2让 ngPrime 为 Angular 2 工作
【发布时间】：2017-02-04 09:09:24
【问题描述】：

我已经在 Angular 2 项目上工作，到目前为止 GMap 和 Chartjs 都可以工作。

但现在我遇到的问题是，如果我包含 Accordeon，它的格式会不正确。

我通过

包含了primeng和primeui

npm install primeng --save

npm install primeui --save

还有字体-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

如果有人能提出一些建议那就太好了:-)

【问题讨论】：

标签： node.js angular font-awesome

【解决方案1】：

经过艰苦的研究，我自己找到了解决方案；-)

解决方案是将 .css 文件导入全局 styles.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

所以也许，如果有人有同样的错误，这会有所帮助。

【讨论】：