Injectietokens
Injecteer waarden die geen klasse zijn met tokens.
Injectietokens is een gratis Angular Academy-les op CoddyKit. Dit is les 4 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.
Injectietokens
Niet elke afhankelijkheid is een class. Om waarden zoals configuratieobjecten, tekenreeksen of interfaces te injecteren, gebruik je een InjectionToken als unieke sleutel.
Waarom tokens
Classes kunnen rechtstreeks als DI-sleutels worden gebruikt, maar interfaces en primitieve waarden niet (interfaces verdwijnen tijdens runtime). Een InjectionToken biedt hiervoor een stabiele sleutel met een type.
Een token maken
Maak een token met new InjectionToken<T> en geef een leesbare beschrijving mee.
import { InjectionToken } from '@angular/core';
export const API_URL = new InjectionToken<string>('API_URL');De typeparameter
De generieke typeparameter (hier string) geeft het token een type, zodat geïnjecteerde waarden het juiste type hebben.
Een tokenwaarde leveren
Registreer het token met een waarde via useValue in een providers-array.
// bootstrapApplication(AppComponent, {
// providers: [{ provide: API_URL, useValue: 'https://api.example.com' }]
// });Een token injecteren
Injecteer het token met de inject-functie om de waarde ervan op te halen.
import { inject } from '@angular/core';
import { API_URL } from './tokens';
export class Api {
private baseUrl = inject(API_URL);
}Tokens voor configuratie
Een veelgebruikte toepassing is appconfiguratie: definieer een interface, maak een token met dat type en lever een configuratieobject.
export interface AppConfig { title: string; retries: number; }
export const APP_CONFIG = new InjectionToken<AppConfig>('APP_CONFIG');De configuratie leveren
Lever de configuratiewaarde vervolgens tijdens het opstarten.
// providers: [{ provide: APP_CONFIG, useValue: { title: 'My App', retries: 3 } }]Standaardwaarden via een fabriek
Een token kan via een fabrieksfunctie in de opties een standaardwaarde leveren, zodat het ook zonder expliciete provider werkt.
export const RETRIES = new InjectionToken<number>('RETRIES', {
providedIn: 'root',
factory: () => 3
});Tokens tegenover classes
Gebruik een class als sleutel wanneer de afhankelijkheid een serviceclass is. Gebruik een InjectionToken voor waarden die geen class zijn: configuraties, primitieve waarden of objecten met een interfacetype.
Magische tekenreeksen vermijden
InjectionTokens vervangen kwetsbare tekenreekssleutels door getypeerde identifiers zonder conflicten, zodat fouten tijdens het compileren worden gevonden.
Korte controle: tokens
Waarden injecteren die geen class zijn.
Samenvatting: injectietokens
Je hebt geleerd dat InjectionToken getypeerde sleutels biedt voor het injecteren van waarden die geen class zijn, zoals configuratieobjecten, tekenreeksen en gegevens met een interfacetype. Maak er een met new InjectionToken, lever de waarde met useValue of een standaardwaarde via een fabrieksfunctie en injecteer deze met inject(). Je hebt de cursus Dependency Injection voltooid.
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
Veelgestelde vragen
Is de les “Injectietokens” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad Angular Academy, waaronder “Injectietokens”, 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 “Injectietokens”?
Injecteer waarden die geen klasse zijn met tokens. 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 4 van 4.
Hoe lang duurt de les “Injectietokens”?
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.