Wie kann ich automatisch die Höhe eines Div gleich der Höhe eines anderen div anpassen?

Question

Die Höhe der linken Spalte ändert sich, wenn Benutzer mit ihrem Inhalt interagieren. Die Höhe der rechten Spalte muss konstant auf die variable Höhe der linken Spalte eingestellt werden. Wie kann ich das erreichen?

<div class="row"> 
    <div #left-col class="col-md-6"> 
    <div class="let item of items"> 
     // {{item.info}} .. 
    </div> 
    </div> 
    <div #right-col class="col-md-6" [ngStyle]="{'height.px': getLeftColumnHeight()}"></div> 
</div> 

getleftColumnHeight() 
{ 
    // .. 
    return leftColumnHeight; 
} 

Answer 1

In Ihrem ts Datei, die Sie links

import { Component, ViewChild } from "@angular/core"; 

    @ViewChild("leftCol") leftCol; 

    getLeftColumnHeight() { 
    return this.leftCol.nativeElement.offsetHeight 
    } 

HTML erhalten können:

<div #left-col class="col-md-6"> 
<-- kebab case on id return error on me so i change it to leftCol --> 
<div #leftCol class="col-md-6">