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

时间:2017-06-04 14:07:26

标签: javascript angular

我有一些代码可以获得容器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")
    }
}

我想知道是否有人在

之前遇到过这种行为

1 个答案:

答案 0 :(得分:0)

任何人都有同等高度的问题;

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