javascript - 直接在Angular 2+中更改CSS属性

在jQuery中，我们可以做

JQuery('.someStyle')
  .css({"background", "red"})

直接更改样式的CSS属性。

在Angular 2+中，我们可以使用[style.<property>]进行操作，是否可以直接操作样式表？

最佳答案

像这样的Angular产品模板参考变量。 #textCont是一个模板变量，可以传递给组件，并且可以用来添加样式

    <div #textCont> I wil change color on click<div>
<button type="button" (click)="changeColor(textCont)">Click</button>

在组件中

changeColor (elem){
    elem.style.color="red"
  }

DEMO