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

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

1 个答案: