獲取容器子大小，在調整Angular2

我有一些代碼，獲取一個容器div的孩子的div的高度，獲取容器子大小，在調整Angular2

增加了高度，以一個數組，獲取數組的最大數量（即最高div）然後循環通過divs並將高度設置爲最高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") 
    } 
}

我在想，如果任何人都會遇到過這種行爲

來源

2017-06-04 Roy

對於任何人都有同等高度的問題;

我最終做的是將項目中的bootstrap更新爲4，此版本完美地處理了這個問題

來源

2017-06-05 09:38:03 Roy

獲取容器子大小，在調整Angular2

回答

相關問題