Angular:如何使用ViewChild更改CSS

本文介绍了Angular:如何使用ViewChild更改CSS的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想使用ViewChild或Renderer2更改css样式，但是我无法更改.你有代码示例吗?

I would like to change a css style using ViewChild or Renderer2, but I am unable to. Do you have a code example?

下面是无效的代码.

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');
  }
}

这篇关于Angular:如何使用ViewChild更改CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！