Оптимизация конструкций в шаблонах ангуляра
Запись от 11.04.2018
Внезапно оказалось, что такая конструкция:
Работает на ~15% (замерял на 4x CPU slowdown) дольше, чем:
Здесь имеется в виду скорость выполнения на клиенте (во вкладке performance в chrome dev tools). И, кстати, ngClass по сравнению с последним примером работает идентично. По крайне мере, по скорости.
<ng-container *ngIf="myCondition">
<app-my-card class="a"></app-my-card>
</ng-container>
<ng-container *ngIf="!myCondition">
<app-my-card class="b"></app-my-card>
</ng-container>
Работает на ~15% (замерял на 4x CPU slowdown) дольше, чем:
<app-my-card class="{{myCondition ? 'a' : 'b'}}"></app-my-card>
Здесь имеется в виду скорость выполнения на клиенте (во вкладке performance в chrome dev tools). И, кстати, ngClass по сравнению с последним примером работает идентично. По крайне мере, по скорости.