javascript - 如何在 Angular 中向原生元素添加多种样式

Question

我正在尝试向 Angular 中的原生元素添加多种样式，当前使用 renderer2 API。

我有一个要求，其中样式会动态更改，并且可以有多种样式。这就是为什么我不使用该类(addClass/removeClass)。

构造函数( 私有(private) elRef:ElementRef， 私有(private)渲染器:Renderer2 )

this.renderer.setStyle(this.elRef.nativeElement, "文本对齐", "居中"); .... ...

需要一种动态添加样式的方法。就像是: this.renderer.setStyle(this.elRef.nativeElement, {style1: value1, style2: value2});

Answer 1

试试这个

 constructor(private element: ElementRef){
    let el = this.element.nativeElement;
    el.setAttribute('style', 'color: white; background: red');
  }