使用指令Angular2更改元素宽度

Question

我是角色2的新手。我试图使用＆＃39; ElementRef＆＃39;来改变元素的宽度。和＆＃39;渲染器＆＃39;这似乎不起作用。

import { Directive, Renderer, ElementRef, HostListener } from '@angular/core';

@Directive({
    selector: '[myHighlight]'

})
export class myDir {
    constructor(private el: ElementRef, private ren: Renderer) {
    }
    @HostListener('mouseenter') onMouseEnter() {
        this.highlight('200');
    }

    @HostListener('mouseleave') onMouseLeave() {
        this.highlight('30');
    }

    private highlight(width: string) {
        this.ren.setElementStyle(this.el.nativeElement, 'width', width);
    }
}