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

凯尔·鲍德温

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

我使用的是虚拟无限滚动,在 Angular 1.x 中我使用了代码:

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

这样做的原因是虚拟滚动容器需要一个数值而不是 % 或 auto 或 inherit来计算一次可以显示多少项。在 > Angular 2 中是否有更好的方法来做到这一点?

维维克多西

您可以通过使用#LocalVarible和使用它来获取任何元素的高度{{ getHeight.offsetHeight }}

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

工作演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Angular 2中的父级中使用子级组件

angular2将父级设置为undefined

子级父级中的Angular2模态调用方法

如何在Angular 2中将对象从“父级”组件传递到“子级”组件?

如何在Angular 2中将事件从深层嵌套子级传递给父级?

将浮动div的父级高度设置为使用最小高度的父级的100%,同时仍允许父级展开

Angular2将父级服务注入子级

当div溢出HTML中的父级时,如何将div分成2行?

如何将父 div 的高度设置为具有位置的子 div:绝对

使用数组输入属性时,父级中的Angular2更改未反映在子级中

在Angular 4中在父级中渲染子级路线

在父级中仅展开子级Div

将div的高度与其他带有float的div子元素的父元素的高度设置为100%

来自父级的子组件表单中的 Angular 2+ 表单组 setValue

如何在Angular2中将从dataService父级接收的数据传递给子级

Angular 2防止在单击子级时单击父级

将父级展开为浮动子级div

如何在不指定父级高度的情况下强制子级div为父级div的高度的100%?

向角度2中的子级注入更高的父级分量(不是直接父级)

子级div的高度决定了父级的高度?

如何在div中居中而不丢失父级的高度?

从子angular2中的父级访问变量

如何防止在Angular / Ionic2中单击父级?

将span元素高度设置为100%时,未将其设置为父Div高度

将父div高度设置为不溢出的内容

无法将@Input绑定到父级到子级Angular 2

将子div垂直对齐到父div的底部,并将子div设置为父高度的百分比

Angular 2的子级和父级(Webpack,TS,Angular 2 final)

CSS-将浮动子级DIV高度扩展到父级的高度