在调整Angular2大小时获取容器子大小

Question

我有一些代码可以获取容器 div 的子 div 的高度，

将高度添加到数组中，获取数组的最大数量（即最高 div）然后循环遍历 div 并将高度设置为最高 div（即使它们相等高度）

当视图加载时它工作得很好，但是在窗口调整高度时，只有当子 div 的高度比以前大而不是小时才会更新高度数组

即页面加载时子divs的高度=600px;

我调整窗口大小以使其更小，高度保持 600px，div 之间的空间增加

当我调整窗口大小以使其更大时，高度会更新

public setHeight(){

  this.divHeights = []
  let maxHeight:number;

  let divChildren = this.parentDiv.nativeElement.children
    for (let i = 0; i < divChildren.length; i++){
      let divHeights = divChildren[i].clientHeight
      this.divHeights.push(divHeights);
    }
    maxHeight = Math.max( ...this.divHeights )


    for (let i = 0; i < divChildren.length; i++){
    this.renderer.setStyle(divChildren[i], 'min-height', maxHeight+"px")
    }
}

我想知道之前是否有人遇到过这种行为

Answer 1

对于任何遇到等高 div 问题的人；

我最终将项目中的bootstrap更新为4，这个版本完美地处理了这个问题