ng2-toastr mit akveo/ng2-admin - CSS nicht berücksichtigt

Question

Ich benutze das akveo/ng2-admin Dashboard (das neueste mit eckigen 4) und versuchte nach dem Installationsdokument ng2-toastr zu verwenden.

Ich habe das CSS in die Datei index.html importiert und das ToastModule in der Datei app.module.ts deklariert.

Ich habe auch den ToastsManager in meine Komponente importiert und den ViewContainerRef zugewiesen.

Das Modul wird erfolgreich geladen und alles läuft bisher fehlerfrei.

Aber wenn ich this.toastr.success('You are awesome!', 'Success!'); rufe, wird der Text ohne Verwendung der CSS angezeigt.

ng2-admin verwendet WebPack.

Irgendeine Idee?

Vielen Dank im Voraus! Serge.

URL toastr: https://github.com/PointInside/ng2-toastr

URL NG2-admin: enter link description here

Answer 1

ich die CSS-Datei im Thema Ordner kopiert und lud sie in den app.component.ts mit dem folgenden Befehl:

import 'style-loader!./theme/ng2-toastr/ng2-toastr.scss'; 

Prost, Serge.

Answer 2

hinzufügen

@import '../node_modules/ng2-toastr/ng2-toastr.css'; 

zu ./src/app/theme/theme.cscc

diese Datei gibt es globale Arten oder Import andere Dateien hinzuzufügen, dass die Art, wie wir das Kopieren von Dateien vermeiden können