NG2- akveo/ng2-admin - CSS未被考虑在内

Question

我正在使用akveo/NG2-管理仪表板(最新的角4)，并试图使用ng2-toastr后安装文档。

我在index.html文件中导入了CSS，并在app.module.ts文件中声明了ToastModule。

我还在组件中导入了ToastsManager并分配了ViewContainerRef。

该模块已成功加载，到目前为止，一切顺利。

但是，当我调用this.toastr.success('You are awesome!', 'Success!');时，不使用CSS就会显示文本。

NG2-管理员正在使用WebPack。

有什么想法吗？

提前感谢！塞尔日。

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

URLNG2-admin：在这里输入链接描述

Answer 1

我在主题文件夹中复制了CSS文件，并使用以下命令将其加载到app.component.ts中：

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

干杯，塞尔吉。

Answer 2

添加

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

转到./src/app/theme/theme.cscc

此文件用于添加全局样式或导入其他文件，这样我们就可以避免复制文件。