html - 如何将 div 的宽度绑定(bind)到 angular 2.0 中的模型？

Question

如何将元素的宽度属性绑定(bind)到模型，然后从模型绑定(bind)到另一个开发人员？

<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;

  }
}