【问题标题】:What is the cost of watching a template reference value in Angular在 Angular 中观看模板参考值的成本是多少
【发布时间】:2020-02-03 12:42:47
【问题描述】:

目前使用 Angular 8,最终得到这样的代码。

<div [style.height.px]="dynamicHeightComponent.offsetHeight">
</div>
<div #dynamicHeightComponent>
...
</div>

这是否会影响性能,如果是,我们如何才能获得更好的实现。

【问题讨论】:

    标签: angular angular-template-variable


    【解决方案1】:

    从模板引用中读取值有时会是性能问题,属性 offsetHeight 肯定会影响性能。因为在尝试读取 offsetHeight 值时,浏览器会强制重排布局。

    所以这取决于您正在阅读哪个属性。检查此列表https://gist.github.com/paulirish/5d52fb081b3570c81e3a

    【讨论】:

      猜你喜欢
      • 2020-05-23
      • 1970-01-01
      • 2018-03-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-03
      • 2012-01-05
      • 2015-11-13
      相关资源
      最近更新 更多