如何将 div 的宽度绑定到 angular 2.0 中的模型？

Question

如何将元素的 width 属性绑定到模型，然后从模型绑定到另一个开发者？

<div [width1]="style.width.px">
<div [style.width.px]="width2">

export class MyComponent
{
 width1: number;
 width2: number = width1 - 30;
}

Answer 1

我会说：

<div #width1>
<div [style.width.px]="width2">

export class MyComponent
{
width1: number;
 @ViewChild('width1') width1;


 ngAfterViewInit(){
    this.width2  = this.width1.nativeElement. width - 30;

  }
}