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.setElementStyle已更改为Renderer2.setStyle。