如何自动调整div的高度等于另一个div的高度？

Question

当用户与其内容交互时，左列的高度会发生变化。右列的高度必须始终设置为左列的可变高度。我怎样才能做到这一点？

<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

在您的TS文件，你可以得到你的左边

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

    @ViewChild("leftCol") leftCol; 

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

HTML：

<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">