Сколько стоит просмотр ссылочного значения шаблона в Angular

Question

В настоящее время используется Angular 8, в итоге получился такой код:

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

Это удар по производительности, если так, как мы можем получить лучшую реализацию.

Answer 1

Чтение значения из ссылки на шаблон иногда может быть проблемой производительности, свойство offsetHeight определенно повлияет на производительность. Потому что при попытке прочитать значение offsetHeight браузер принудительно перекомпоновает макет.

Так что это зависит от того, какое свойство вы читаете. проверить этот список https://gist.github.com/paulirish/5d52fb081b3570c81e3a