2017-04-22 46 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