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

Question

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

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

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

Answer 1

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

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