Cad iad Angular Signals?

Question

Accepted Answer

**Signals** is an Angular's reactive primitive (a cuireadh i ngach aon Angular 16+) do bhainistiú stáit — clúdach timpeall ar luach a **chuireann in iúl do thomhaltóirí nuair a athraíonn sé**, ag foluain nuashonruithe socrúaithe, éifeachtúla gan a bheith ag brath ar Zone.js a bhraistint athraithe. ## Comharthaí a chruthú agus a úsáid ```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 }); } } ``` ## Comhartha a léamh: glaoch air cosúil le feidhm ```html ``` Tabhair faoi deara go bhfuil comharthaí **a léite trí ghlaoch orthu** (`count()`), ní mar thúschruthúintí glan. Sa theamplate, lean Angular go beacht ar na comharthaí atá i gceist dó amhairc ar amharc, ionas go ndéanfar gníomh ar na codanna atá i bhfeidhm go leor nuair a athraíonn comhartha. ## Na trí chineál comhartha ```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 ``` Tá `computed` mall agus taisce (cosúil le computed Vue); `effect` rith imeall-bharraigí go reactively (cosúil le breathnóir). ## Cén fáth a bhfuil comharthaí tábhachtach: reactivity socrúaithe go mion ```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 ``` Thugann Signals do Angular **rianúcháin spleáchais beacht** — nuair a athraíonn comhartha, ní ach na radhaircanna agus ríomhaithe a léann sé i ndáiríre a nuashonraíonn. Tá sé seo níos éifeachtúla ná an braistint athraithe leathan atá Zone.js ag spreagadh, agus is é an bunús é chun Zone.js a bhaint ar fad (modh neamhthimpealláin). ## Ionchuir bhunaithe ar Signals (níos nuaí) ```ts name = input(); // @Input as a signal name = input.required(); ``` ## Cén fáth a bhfuil sé tábhachtach Is iad Signals an éabhlóid is suntasaí le déanaí i reactivity Angular — samhail níos simplí, níos soiléire, agus i bhfad níos éifeachtúla ná an braistint athraithe neamhdhíreach Zone.js. Ceadaíonn siad nuashonruithe socrúaithe go fíor, laghdú ar shéiceáil dhó-dhéanach, comhtháthú go geal le computed/effect, agus bóitiní an bealach do Angular neamhthimpealláin. Tá tuiscint ar Signals a bheith níos riachtanach agus níos riachtanach, de bharr go bhfuil Angular ag treorú forbartt nua i dtreo iad mar an primitive stáit réamhshocraithe.