angular 2组件获得样式值

Question

import { Component, OnInit, ElementRef } from '@angular/core';

@Component({
    moduleId: module.id,
    selector: 'box',
    templateUrl: '<ng-content></ng-content>',
    host : {
        //"(style.width:change)" : "width"
    }
})
export class ComponentNameComponent implements OnInit {
    private width : number;
    private element : HTMLElement;
    constructor(element: ElementRef) {
        this.element = element.nativeElement;
        this.width = this.element.offsetWidth;
    }

    ngOnInit() { }

}

有没有一种更有效的方法来获取给定元素的宽度而不使用ElementRef？我觉得angular 2不希望你因为渲染器而直接访问dom。我希望我可以写一些像“（style.width.px：change）”：“setWidth（$ value）”或类似内容。也许我错过了一些可以在这里提供一些见解的人吗？