Что такое Change Detector

Change Detector — это механизм в Angular, который отслеживает изменения в данных и обновляет DOM. Он работает в двух режимах: Default и OnPush.

Default: Проверяет все компоненты при любом асинхронном событии (клик, таймер, HTTP-запрос). Может быть неэффективен для больших приложений.

OnPush: Оптимизированная стратегия. Проверяет компонент только при:

• Изменении входных свойств (@Input())
• Событиях внутри компонента (клики)
• Явном вызове ChangeDetectorRef.detectChanges()

Пример:

@Component({
  selector: 'app-example',
  template: `{{ data }}`,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ExampleComponent {
  @Input() data: string;

  constructor(private cdr: ChangeDetectorRef) {}

  updateData() {
    this.cdr.detectChanges(); // Принудительный запуск проверки
  }
}