Skip to main content

Що таке effect() в Angular?

AngularJunior~1 хв читання

effect() - це спосіб реагувати на зміни сигналів. Коли сигнал змінюється, код усередині effect() запускається автоматично.

Приклад:

ts

import { signal, effect } from '@angular/core';

const counter = signal(0);

effect(() => {
  console.log('Нове значення:', counter());
});

Якщо викликати counter.set(5), у консолі з'явиться Нове значення: 5.

Навіщо потрібно

effect() використовують для побічних дій, які не пов'язані напряму з шаблоном:

логування,
запити на сервер,
запис даних у localStorage,
оновлення DOM поза Angular.

Головне:

effect() сам відстежує, які сигнали він читає;
при їх зміні виконує код заново;
нічого не повертає - просто реагує.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.