将高度设置为子div以匹配＆gt;中的父级Angular 2

Question

我正在慢慢将应用程序从Angular 1.x移动到Angular 5，并希望有更好的解决方案。

我正在使用虚拟无限滚动，在Angular 1.x中我使用了代码：

getListHeight: function () {
    return {
        height: '' + ($window.innerHeight - 64) + 'px'
    }
}

原因是虚拟滚动容器需要一个数值而不是％或自动或继承，以便计算一次可以显示多少项。在＆gt;中有更好的方法吗？角2？

Answer 1

您可以使用#LocalVarible获取任何元素的高度，并使用它{{ getHeight.offsetHeight }}

<p #getHeight>
  Start editing to see some magic happen :)
  <br/>
  Wow
</p>
Height of above tag : {{ getHeight.offsetHeight }}

<强> WORKING DEMO