角度2の設定要素の高さは幅と同じ

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

すべてのクレジットは

Answer 2

あなたはsquare.offsetWidthを使用する必要があります。working demoへ

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

リンク。