Angular2动态更改CSS属性
我们正在制作一个Angular2应用程序，我们希望能够以某种方式创建一个全局CSS变量（并在分配变量时每当更改时更新属性的值）。 我们使用Polymer已有一段时间（现在我们要切换到Angular2组件），并且使用CSS属性（Polymer具有一些polyfill），并且仅使用来更新样式Polymer.updateStyles()。 有什么方法可以实现类似的功能？ 编辑： 我们想要类似于Sasscolor: $g-main-color或CSS自定义属性的东西，color: var(--g-main-color)并且每当我们决定更改属性的值时（例如，类似updateVariable('g-main-color', '#112a4f')它的东西都会在任何地方动态更新值）。应用运行时的所有情况。 编辑2： 我想在CSS的不同部分（主机，子元素...）中使用一些全局CSS变量，并能够立即更改该值-因此，如果我更改my-color变量，它将在应用程序中随处更改。 我将使用Sass语法作为示例： :host { border: 2px solid $my-color } :host .some-label { color: $my-color } 可以使用类似Angular管道的东西吗？（但据说它仅适用于HTML） :host { border: 2px solid {{ 'my-color' | cssvariable }} } :host .some-label { color: {{ 'my-color' | cssvariable }} }