ng2-toastr with akveo / ng2-admin - CSS没有考虑在内

时间:2017-04-22 12:13:18

标签: angular typescript toastr

我正在使用akveo / ng2-admin仪表板(最新的角度为4)并尝试按照安装文档使用ng2-toastr。

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

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

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

但是当我拨打$place = 3时,会显示文字而不使用CSS。

ng2-admin正在使用WebPack。

有什么想法吗?

提前致谢! 哔叽。

网址:https://github.com/PointInside/ng2-toastr

网址ng2-admin:enter link description here

2 个答案:

答案 0 :(得分:1)

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

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

干杯, 哔叽。

答案 1 :(得分:0)

添加

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

./src/app/theme/theme.cscc

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