前伪元素的动态样式 - Angular 5

Question

我想知道，有没有办法使用:before或[ngStyle]设置[style.something]等伪元素的样式？当我在我的应用程序中登录时，我得到了一些颜色，我使用这些颜色来设置一些元素的样式，所以我不想使用ngClass和css（颜色根据谁登录而不同）。

欢迎任何建议：）

Answer 1

您无法直接从组件中设置样式，但您可以使用JS在样式表中创建CSS规则。

获得颜色后：

let styleSheet = document.styleSheets[0];
styleSheet.insertRule(`.your-class:before { color: ${yourColor}; }`, styleSheet.cssRules.length);

这将在您的文件末尾添加规则（因此最后应用）。

请注意视图封装！