角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。