Angular 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 已弃用，因此 Renderer.setElementStyle 已更改为 Renderer2.setStyle。