2017-04-22 44 views
0

我正在使用akveo/ng2-admin仪表板(最新的角度为4),并试图在安装文档中使用ng2-toastr。ng2-toastr with akveo/ng2-admin - CSS没有考虑到

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

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

该模块成功加载,一切都没有错误到目前为止。

但是,当我打电话this.toastr.success('You are awesome!', 'Success!');文本显示不使用CSS。

ng2-admin正在使用WebPack。

有什么想法?

提前致谢! Serge。

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

URL NG2管理员:enter link description here

回答

1

我复制的CSS文件中的主题文件夹,并用以下命令app.component.ts装好了:

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

干杯, Serge。

0

添加

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

./src/app/theme/theme.cscc

这个文件是存在的添加全局样式或导入其他文件,这样我们就能避免复制文件

+0

但之后,我将它transpile到生产系统在dist目录中,我需要将css放在资产目录中才能被考虑。 – LucasBrazi06