如何在Angular JS中包含模塊級別的CSS

我的角度項目由前端和管理員組成。我想以我爲管理員和前端使用不同CSS的方式來擴展我的項目。如何在Angular JS中包含模塊級別的CSS

我的項目的結構如下：

--app 
    --admin // Admin Module 
    --admin.module.ts 
    --admin.component.ts 
    --admin-routing.module.ts 
    --admin.component.css 
    --admin.component.html 

    --web // Frontend Module 
    --web.module.ts 
    --web.component.ts 
    --web-routing.module.ts 
    --web.component.css 
    --web.component.html 

--app.module.ts 
--app.component.ts 
--app-routing.module.ts 
--app.component.css 
--app.component.html

我在.angular-cli.json文件中定義我的網頁CSS（前端）。

"styles": [ 
     "../node_modules/bootstrap/dist/css/bootstrap.min.css", 
     "styles.css" 
     ],

如何爲管理員和網站加載不同的CSS文件？也有沒有更好的方法來在同一個項目中包含多個模塊？

來源

2017-08-31 Nehil Mistry

https://magento.stackexchange.com/questions/127523/how-can-i-load-a-custom-css-file-both-in-adminpanel-and-前端 – anu

您可以定義對於兩個管理員與其餘用戶在"styles.css"文件和管理特定&剩餘用戶特定的CSS屬性可以在admin.component.css和web.component.css分別定義的通用全球的CSS屬性;希望這有助於

來源

2017-08-31 12:38:26

我試過在模塊級上導入css - '@import'./assets/styles.css'; '，還沒有結果反映出來？可能是什麼原因 –

你在哪裏試圖做這個導入？您不必導入任何模塊級別導入..默認導入 –

考慮我在'web.component.css' - 'body {font-family：Montserrat，Montserrat-Light，Montserrat-Regular，蒙特塞拉特大膽，蒙特塞拉特黑色，無襯線！重要; padding-top：100px; }'，沒有結果反映在網頁級別 –

如果每個模塊都有一個主要組件，您只需將.css文件附加到@Component（）裝飾器中的組件。

@Component({ 
    templateUrl: './admin.component.html' 
    styleUrls: ['./admin.component.css'] 
})

@Component({ 
    templateUrl: './web.component.html' 
    styleUrls: ['./web.component.css'] 
})

來源

2017-08-31 13:02:26

如何在Angular JS中包含模塊級別的CSS

回答

相關問題