Angular 2動態全局CSS

Question

我正在開發一個應用程序，每個用戶都可以為其儀表板定義自定義顏色。 像textColor，accentColor和backgroundColor一樣；

整個用戶界面將使用這些顏色。

我知道如何動態設置css屬性，但似乎每個元素都不正確。

我想知道是否可以創建動態CSS並將其注入到應用程序中。 （是否有太多解決方法？）

我設法通過使用服務器端生成的theme.css（類似於/users/1.css ）使其工作。 你能聞到嗎？

正確的做法是什么？

Answer 1

我們開發了一個必須為白色標簽的應用程序，因此我們為可編輯項目創建了指令，並且該指令偵聽了處理來自服務器的布局包的服務，並在需要時覆蓋了該屬性。 在您的情況下，您可以選擇僅具有textColor，accentColor和backgroundColor指令，而不是每個布局組件都具有自己的布局指令。

我當前正在尋找一種從服務器實際接收整個scss的方法，該方法將覆蓋Sass中的變量，但是我找不到任何方法。

我還將分享這篇文章，這可能會有所幫助： https : //engineering.thetrainline.com/how-we-implemented-a-single-page-application-using-react-3f22e4d545c4