Angular2 Set Elementhöhe wie Breite

Kann mir jemand sagen, wie man die Höhe des Elements am besten gleich wie die Breite einstellt? Es sollte auch automatische Skalierung entsprechend Webbrowser-Auflösung Änderungen haben. Gibt es eine Wato mit nur HTML-Vorlage? Etwas wie:Angular2 Set Elementhöhe wie Breite

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

Quelle

2017-09-19 legendarny ziom

Ich glaube, Sie müssen verwenden '' JavaScript' & CSS' –

kennen Sie die Breite des yurzui geht "div"? setzt du es mit der 'tile' Klasse? – Faisal

Sie wussten nicht über 'offsetWidth'? – yurzui

HTML:

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

DEMO

Alle Kredit

Quelle

2017-09-19 13:31:24 Vega

wie ich verstehe, möchte OP nicht eine fest codierte Höhe festlegen! – Faisal

sehe meine Antwort für eine einfache Lösung, ohne etwas anderes in TS-Code hinzufügen zu müssen. – Faisal

Der Unterschied ist die Fähigkeit, das Verhältnis auf der Fenstergröße zu halten – Vega

Sie müssen square.offsetWidth verwenden:

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

Link zu working demo.

Quelle

2017-09-19 13:30:02 Faisal

Angular2 Set Elementhöhe wie Breite

Antwort

Verwandte Themen