angular2修改html,javascript – Angular2动态更改CSS属性

我们正在创建一个Angular2应用程序，我们希望能够以某种方式创建一个全局CSS变量(并且在分配变量时更改属性值)。

我们使用了Polymer一段时间(现在我们改用Angular2组件)，我们使用了CSS属性(Polymer有一些polyfill)，我们只是使用Polymer.updateStyles()更新样式。

有什么办法如何实现类似的功能？

编辑：

我们需要类似于Sass颜色的东西：$ g-main-color或CSS自定义属性color：var( – g-main-color)，当我们决定更改属性的值时。像updateVariable(‘g-main-color’，’#112a4f’)它动态地更新值到处。所有这一切，当应用程序运行。

编辑2：

我想在我的CSS的不同部分(主机，子元素…)使用一些全局CSS变量，并能够立即更改值 – 所以如果我改变我的颜色变量，它在应用程序中的任何地方。

我将使用Sass语法例如：

:host { border: 2px solid $my-color }

:host .some-label { color: $my-color }

是否可以使用像角管？ (但它只能工作在HTML)

:host { border: 2px solid {{ 'my-color' | cssvariable }} }

:host .some-label { color: {{ 'my-color' | cssvariable }} }