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

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

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

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

最佳答案

我会说：

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

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


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

  }
}

关于html - 如何将div的宽度绑定(bind)到angular 2.0中的模型？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40931187/