Angular 18-serien (Twenty-Eight) InjectionToken Kort introduksjon

Lille skurk · Publisert 2024-12-20 16:02:20

Angular er et populært front-end JavaScript-rammeverk som gir en kraftig måte å bygge enkeltsideapplikasjoner (SPAs) på. I Angular er avhengighetsinjeksjon (DI) en nøkkelfunksjon som lar oss effektivt administrere avhengigheter i applikasjonene våre. Angulars avhengighetsinjeksjonssystem bruker InjectionTokens for å implementere visse spesielle krav til avhengighetsinjeksjon. I denne artikkelen vil jeg forklare i detalj hva InjectionToken gjør og gi eksempler for å illustrere dens praktiske bruk i Angular-applikasjoner.

Hva er avhengighetsinjeksjon?

Før vi dykker ned i InjectionToken, la oss først forstå hva avhengighetsinjeksjon er. Avhengighetsinjeksjon er et designmønster som lar oss injisere avhengigheter fra ett objekt (f.eks. tjenester eller konfigurasjoner) inn i et annet objekt uten å hardkode disse avhengighetene. Fordelene med dette inkluderer:

1. Vedlikeholdbarhet: Ved å injisere avhengigheter i komponenter kan vi enkelt endre disse avhengighetene uten å måtte endre omfattende kode.
2. Testbarhet: Vi kan enkelt tilby simulerte avhengigheter for komponenter til enhetstesting uten faktisk å opprette instanser av disse avhengighetene.
3. Løs kobling: Avhengighetsinjeksjon hjelper oss å oppnå løs kobling, noe som gjør forholdet mellom individuelle komponenter mer fleksibelt.

I Angular er avhengighetsinnsprøytning innebygd, og Angulars avhengighetsinjeksjonsbeholder er ansvarlig for å håndtere opprettelsen og livssyklusen til avhengigheter.

Hvorfor trenger du en InjectionToken?

Noen ganger må vi injisere avhengigheterIkke en instans av en klasse, men et konfigurasjonselement, en streng eller en annen ikke-klasseverdi。 Det er her InjectionToken kommer inn, og lar oss injisere ikke-klasseverdier i komponenter eller tjenester som avhengigheter.

Hva gjør InjectionToken?

Rollen til en InjectionToken er å definere en identifikator som identifiserer avhengigheter. Det lar oss injisere hvilken som helst verdi i en Angular-komponent eller tjeneste, ikke bare en instans av en klasse. Vanligvis oppretter vi en InjectionToken et sted i applikasjonen og bruker den der vi trenger å injisere den verdien.

Her er hovedfunksjonene til InjectionToken:

1. Unik identifikasjon: InjectionToken er en unik identifikator som sikrer avhengighetenes unikhet. Dette er viktig for å forhindre forvirring eller konflikter i avhengigheter.
2. Ikke-klasseavhengighetsinjeksjon: InjectionToken lar oss injisere hvilken som helst verdi, ikke bare en instans av en klasse. Dette er nyttig i scenarioer som konfigurasjoner, konstanter, strenger osv.
3. Leverandørkonfigurasjon: Gjennom leverandørkonfigurasjon kan vi fortelle Angular hvordan de skal tilby en instans av avhengigheten for InjectionToken. Dette gjør at vi kan gi ulike verdier for InjectionTokens i ulike kontekster.

La oss nå beskrive bruken og rollen til InjectionToken med noen eksempler.

Injiser app-konfigurasjonen

For eksempel injiserer vi en applikasjonskonfigurasjon med URL-adressen og miljønavnet, og koden er som følger:

Innlogging er synlig.

Fra konstruktørinjeksjonen er utskriften som følger:

Referanse:

Innloggingen med hyperkoblingen er synlig.
Innloggingen med hyperkoblingen er synlig.

Lille skurk · Publisert 2025-2-17 13:36:08

InjectionToken og BehaviorSubject kombineres for å bygge en global dynamisk verdi

Innlogging er synlig.

[Kantet] Angular 18-serien (Twenty-Eight) InjectionToken Kort introduksjon

Relaterte innlegg

Seksjoner sett