角4 renderer2 setStyle不工作

Question

在一个组件中，即时试图目标一个DOM节点，并改变它的风格，但这不起作用，任何人都可以告诉我，我在这里做错了什么？

@Input() progress:number = 0; 

... 

ngOnChanges() { 
    this.progressInnerEl = this.elRef.nativeElement.querySelector('.progress-inner'); 
    this.renderer.setStyle(this.progressInnerEl, 'width', this.progress+'%'); 
    } 

Answer 1

试试这个：

@HostListener('focus') onFocus() { 
    this._renderer.setStyle(this._el.nativeElement, 'width', '200px'); 

BTW渲染被弃用，因此Renderer.setElementStyle改为Renderer2.setStyle。