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

Question

在 jQuery 中，我们可以做到

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

直接改变style中的CSS属性。

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

Answer 1

像这样的 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