Signals er Angular sin reaktive primitiv (lagt til i Angular 16+) for statusstyring — en wrapper rundt en verdi som varsler forbrukere når den endres, noe som muliggjør fine-grained, effektive oppdateringer uten å stole på Zone.js change detection.
{ signal, computed, effect } ;
{
count = ();
double = ( .() * );
() {
..(.() + );
..( c + );
}
() {
( {
.();
});
}
}
<button (click)="increment()">{{ count() }} (double: {{ double() }})</button>
Merk at signals leses ved å kalle dem (count()), ikke som vanlige egenskaper. I malen sporer Angular nøyaktig hvilke signaler en visning leser, så bare de berørte delene oppdateres når et signal endres.
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 er lat og cachet (som Vue sin computed); effect kjører side effects reaktivt (som en watcher).
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
Signals gir Angular presis avhengighetssporing — når et signal endres, oppdateres bare visninger og computeds som faktisk leser det. Dette er mer effektivt enn den brede change detection Zone.js utløser, og er grunnlaget for å fjerne Zone.js helt (zoneless mode).
name = input<string>(); // @Input as a signal
name = input.required<string>();
Signals er den viktigste nylige utviklingen innen Angular sin reaktivitet — en enklere, mer eksplisitt og langt mer effektiv modell enn den implisitte Zone.js change detection.
De muliggjør fine-grained oppdateringer, reduserer unødvendig sjekking, integreres rent med computed/effect, og baner vei for zoneless Angular.
Å forstå signals blir stadig mer essensielt, da Angular styrer ny utvikling mot dem som standard state primitiv.