Как работает стратегия Change Detection OnPush в Angular? В каких случаях компонент с OnPush перерисовывается?

Стратегия обнаружения изменений OnPush в Angular оптимизирует производительность, уменьшая количество проверок изменений в компонентах.

Как работает OnPush:

• Angular проверяет компонент с OnPush только при следующих условиях:
  • Входные свойства (@Input()) компонента изменились по ссылке (т.е. пришёл новый объект или примитив).
  • В компоненте произошло событие (например, пользовательский ввод, клик).
  • Внутри компонента вызван markForCheck() или detectChanges() вручную.
  • Произошло асинхронное событие, связанное с Observable или Promise, если подписка сделана внутри компонента.

Если ни одно из этих условий не выполнено, Angular пропускает проверку изменений для компонента и его потомков.

Когда компонент с OnPush перерисовывается:

• При изменении входных данных по ссылке.
• При возникновении событий внутри компонента.
• При явном вызове методов для проверки изменений.

Это позволяет избежать лишних проверок и повысить производительность, особенно в больших приложениях.