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.