javascript - Angular:如何使用ViewChild更改CSS

我想使用ViewChild或Renderer2更改css样式，但是我做不到。你有代码示例吗？

以下是无效的代码。

constructor(private renderer: Renderer2) {}

public onClick(){
      this.renderer.setStyle('main-wrapper', 'color', 'blue');
     }

最佳答案

试试这个:

export class BypartSubBarComponent implements AfterViewInit {
@ViewChild('subbar', {static: false}) subbar: MatToolbar;
  constructor(
    private renderer: Renderer2) { }
  ngAfterViewInit() {
    this.renderer.setStyle(this.subbar._elementRef.nativeElement, 'backgroundColor', '#ff0000');
  }
}

关于javascript - Angular:如何使用ViewChild更改CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52541318/