2017-02-04 1 views
1

Ich arbeite bereits an einem Angular 2 Projekt und bisher funktioniert GMap und Chartjs.Get ngPrime funktioniert für Angular 2

Aber jetzt habe ich das Problem, dass wenn ich ein Accordeon es nicht richtig formatiert.

I der primeng und primeui über

npm installieren primeng --save

npm installieren primeui --save

und auch font-awesome über

npm installieren font-awesome - -save

das ist mein 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" 
      ], 

und dies ist die resultierende Ausgabe so weit.

resulting output

Es wäre schön, wenn jemand :-)

Antwort

1

einige Vorschläge bringen kann ich eine Lösung von mir selbst nach einer harten Forschung ;-)

zu importieren gefunden

Die Lösung ist, die CSS-Dateien im globalen styles.css und nicht in Winkel cli.json

das ist meine neue styles.css-Datei

/* 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

Also vielleicht, wenn jemand den gleichen Fehler hat, wird dies helfen.