Angular Academy · Les

Signals maken en lezen

Declareer schrijfbare signals en lees hun waarden.

Les 2 van 413 stappen

Signals maken en lezen is een gratis Angular Academy-les op CoddyKit. Dit is les 2 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Angular Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Angular Academy bevat in totaal 4 lessen.

Een signaal maken

Je maakt een schrijfbaar signaal met de fabriek signal() en geeft de beginwaarde mee.

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

const c = signal(0); // initial value is 0

De beginwaarde bepaalt het type

TypeScript leidt het type van het signaal af uit de beginwaarde. signal(0) is een WritableSignal<number>.

const name = signal('Alice'); // WritableSignal<string>
const flag = signal(false);    // WritableSignal<boolean>

Een signaal lezen

Roep het signaal aan om de huidige waarde te lezen. Dit retourneert de opgeslagen waarde en registreert een afhankelijkheid als je je binnen een reactieve context bevindt.

const c = signal(0);
const current = c(); // current === 0

Meerdere keren lezen

Je kunt een signaal zo vaak lezen als je wilt. Elke aanroep retourneert de meest recente waarde op het moment van de aanroep.

const c = signal(10);
console.log(c()); // 10
console.log(c()); // 10

Expliciete typering

Je kunt een expliciet type opgeven wanneer de beginwaarde het type niet volledig vastlegt, bijvoorbeeld bij een waarde die ook null kan zijn.

const user = signal<string | null>(null);
console.log(user()); // null

Objectsignalen

Een signaal kan elke waarde bevatten, inclusief objecten en arrays.

const point = signal({ x: 0, y: 0 });
console.log(point().x); // 0

Arraysignalen

Arrays werken op dezelfde manier. Lezen retourneert de huidige arrayreferentie.

const items = signal<string[]>(['a', 'b']);
console.log(items().length); // 2

Signalen als klassevelden

Declareer signalen in componenten en services als velden. Ze worden één keer geïnitialiseerd wanneer de instantie wordt gemaakt.

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

@Injectable({ providedIn: 'root' })
export class CounterStore {
  count = signal(0);
}

Lezen in de componentklasse

Je kunt een signaal overal in de klasse lezen, bijvoorbeeld binnen een methode, door het aan te roepen.

export class CounterStore {
  count = signal(0);
  isZero(): boolean {
    return this.count() === 0;
  }
}

Alleen-lezen toegang

Als je een signaal beschikbaar wilt stellen zonder dat afnemers het kunnen wijzigen, kun je het beschikbaar stellen via de methode asReadonly().

const internal = signal(0);
export const value = internal.asReadonly();
// value() works; value.set is not available

Naamgevingsconventies

Een veelgebruikte conventie is om het signaal te noemen naar de waarde die het bevat (bijvoorbeeld count en items), omdat lezen eruitziet als een normale accessor: count().

Korte controle: signalen maken

Test je kennis van het maken en lezen van signalen.

Beantwoord dit in de interactieve les

Herhaling: maken en lezen

Je weet nu hoe je een schrijfbaar signaal maakt met signal(initialValue), hoe TypeScript het type afleidt en hoe je het leest door het aan te roepen. Je hebt ook asReadonly() gezien om alleen-lezen toegang beschikbaar te stellen. Volgende stap: signaalwaarden bijwerken.

Gratis beginnen

Leer HTML met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen: 38
Lessen: 144

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “Signals maken en lezen” gratis?

Ja — je kunt hier op het web alle 3 lessen van het leerpad Angular Academy, waaronder “Signals maken en lezen”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus Angular Academy bevat in totaal 4 lessen.

Wat leer ik in “Signals maken en lezen”?

Declareer schrijfbare signals en lees hun waarden. Je oefent met Angular Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met Angular Academy te beginnen?

Ervaring vooraf is niet nodig. Angular Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 2 van 4.

Hoe lang duurt de les “Signals maken en lezen”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over Angular Academy?

Ja. Elke les over Angular Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

← Terug naar Angular Academy