如何自動調整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">