目前使用 Angular 8,最终得到了这样的代码。
<div [style.height.px]="dynamicHeightComponent.offsetHeight">
</div>
<div #dynamicHeightComponent>
...
</div>
这是否会影响性能,如果是,我们如何才能获得更好的实现。
目前使用 Angular 8,最终得到了这样的代码。
<div [style.height.px]="dynamicHeightComponent.offsetHeight">
</div>
<div #dynamicHeightComponent>
...
</div>
这是否会影响性能,如果是,我们如何才能获得更好的实现。
从模板引用中读取值有时可能会导致性能问题,属性 offsetHeight 肯定会影响性能。因为当试图读取值 offsetHeight 时,浏览器会强制重排布局。
所以这取决于你正在阅读哪个属性。检查此列表https://gist.github.com/paulirish/5d52fb081b3570c81e3a