【发布时间】:2020-02-03 12:42:47
【问题描述】:
目前使用 Angular 8,最终得到这样的代码。
<div [style.height.px]="dynamicHeightComponent.offsetHeight">
</div>
<div #dynamicHeightComponent>
...
</div>
这是否会影响性能,如果是,我们如何才能获得更好的实现。
【问题讨论】:
标签: angular angular-template-variable
目前使用 Angular 8,最终得到这样的代码。
<div [style.height.px]="dynamicHeightComponent.offsetHeight">
</div>
<div #dynamicHeightComponent>
...
</div>
这是否会影响性能,如果是,我们如何才能获得更好的实现。
【问题讨论】:
标签: angular angular-template-variable
从模板引用中读取值有时会是性能问题,属性 offsetHeight 肯定会影响性能。因为在尝试读取 offsetHeight 值时,浏览器会强制重排布局。
所以这取决于您正在阅读哪个属性。检查此列表https://gist.github.com/paulirish/5d52fb081b3570c81e3a
【讨论】: