Kaj so Angular signali?

Question

Accepted Answer

**Signali** so Angularjeva reaktivna primitiva (dodana v Angular 16+) za upravljanje stanja — ovoj omkring vrednosti, ki **obvešča potrošnike, ko se spremeni**, omogočajočega natančne, učinkovite posodobitve brez zanašanja na Zone.js zaznavanje sprememb. ## Ustvarjanje in uporaba signala ```ts import { signal, computed, effect } from "@angular/core"; export class CounterComponent { count = signal(0); // a writable signal double = computed(() => this.count() * 2); // derived signal (auto-updates) increment() { this.count.set(this.count() + 1); // set a new value this.count.update(c => c + 1); // or update based on current } constructor() { effect(() => { console.log(`count is now ${this.count()}`); // re-runs when count changes }); } } ``` ## Branje signala: pokličite ga kot funkcijo ```html ``` Signali se **berejo s klicem** (`count()`), ne kot navadne lastnosti. V predlogi Angular natančno sledi, katere signale pogled bere, zato se pri spremembi signala posodobijo le prizadeti deli. ## Tri vrste signalov ```text signal(value) → writable state, updated via .set() / .update() computed(() => ...) → derived/cached value; auto-recomputes when its deps change effect(() => ...) → runs a side effect whenever read signals change ``` `computed` je len in predpomnjen (kot Vue-ov computed); `effect` reaktivno zaganja stranske učinke (kot watcher). ## Zakaj signali merijo: natančna reaktivnost ```text Traditional Angular: a change triggers checking the WHOLE component tree (Zone.js) Signals: Angular knows EXACTLY which views depend on a changed signal → update only those → far more efficient, and enables "zoneless" Angular ``` Signali Angularzu dajejo **natančno sledenje odvisnosti** — ko se signal spremeni, se posodobijo le pogledi in computedi, ki ga dejansko berejo. To je učinkoviteje kot široko zaznavanje sprememb, ki ga sproži Zone.js, in je temelj za popolno odpravo Zone.js (zoneless način). ## Vhodi na osnovi signala (novejši) ```ts name = input(); // @Input as a signal name = input.required(); ``` ## Zakaj je to pomembno Signali so najbolj pomembna nedavna evolucija Angularjevega reaktivnega sistema — enostavnejši, bolj ekspliciten in veliko učinkovitejši model kot implicitno Zone.js zaznavanje sprememb. Omogočajo natančne posodobitve, zmanjšajo nepotrebno preverjanje, se čisto integrirajo s computed/effect in utirajo pot brezonski Angularji. Razumevanje signalov postaja vse bolj ključno, saj se Angular usmerja novo razvijanje proti njim kot privzeti primitivi stanja.