Angular2设置元素高度与宽度

Question

有人能告诉我设置元素高度与宽度相同的最佳方法是什么？此外，它应该根据Web浏览器分辨率的变化进行自动缩放。只有html模板有没有一个wato？类似的东西：

<div 
    class="tile"
    #square
    [ngStyle]="{'height.px': square.width}"    
>

Answer 1

<强> HTML：

  <div #div (window:resize)="0" [ngStyle]="{'height.px': div.offsetWidth }">

DEMO

所有功劳归于@yurzui

Answer 2

您需要使用square.offsetWidth：

<div 
    class="tile"
    #square
    [ngStyle]="{'height.px': square.offsetWidth}"    
>

链接到working demo。