|
|
Veröffentlicht am 20.12.2024, 16:02:20
|
|
|
|
Angular ist ein beliebtes Frontend-JavaScript-Framework, das eine leistungsstarke Möglichkeit bietet, Einzelseitenanwendungen (SPAs) zu erstellen. In Angular ist Dependency Injection (DI) eine Schlüsselfunktion, die es uns ermöglicht, Abhängigkeiten in unseren Anwendungen effizient zu verwalten. Das Abhängigkeitsinjektionssystem von Angular verwendet InjectionTokens, um bestimmte spezielle Anforderungen an die Abhängigkeitsinjektion zu implementieren. In diesem Artikel werde ich ausführlich erklären, was InjectionToken bewirkt, und Beispiele geben, um seine praktische Anwendung in Angular-Anwendungen zu veranschaulichen.
Was ist eine Abhängigkeitsinjektion?
Bevor wir uns mit InjectionToken beschäftigen, wollen wir zunächst verstehen, was Abhängigkeitsinjektion ist. Dependency Injection ist ein Designmuster, das es uns ermöglicht, Abhängigkeiten eines Objekts (z. B. Services oder Konfigurationen) in ein anderes Objekt einzuschleusen, ohne diese Abhängigkeiten fest zu kodieren. Zu den Vorteilen gehören:
1. Wartbarkeit: Durch das Einfügen von Abhängigkeiten in Komponenten können wir diese leicht ändern, ohne umfangreichen Code ändern zu müssen.
2. Testbarkeit: Wir können problemlos simulierte Abhängigkeiten für Komponenten zum Unit-Test bereitstellen, ohne tatsächlich Instanzen dieser Abhängigkeiten zu erstellen.
3. Lockere Kopplung: Die Abhängigkeitsinjektion hilft uns, lose Kopplung zu erreichen, wodurch die Beziehungen zwischen einzelnen Komponenten flexibler werden.
In Angular ist die Abhängigkeitsinjektion integriert, und der Container, der Angular für die Abhängigkeitsinjektion zuständig ist, die Erstellung und den Lebenszyklus von Abhängigkeiten zu verwalten.
Warum brauchst du einen InjectionToken?
Manchmal müssen wir Abhängigkeiten einfügenKeine Instanz einer Klasse, sondern ein Konfigurationselement, eine Zeichenkette oder einen anderen nicht-klassigen Wert。 Hier kommt InjectionToken ins Spiel, da es uns erlaubt, nicht-klassenbasierte Werte als Abhängigkeiten in Komponenten oder Services einzubringen.
Was macht InjectionToken?
Die Rolle eines InjectionToken besteht darin, eine Identifizierung zu definieren, die Abhängigkeiten identifiziert. Es erlaubt uns, beliebigen Wert in eine Angular-Komponente oder einen Dienst einzufügen, nicht nur in eine Instanz einer Klasse. Normalerweise erstellen wir irgendwo in der Anwendung ein InjectionToken und verwenden es dort, wo wir diesen Wert einschleusen müssen.
Hier sind die Hauptfunktionen von InjectionToken:
1. Eindeutige Identifikation: Der InjectionToken ist eine eindeutige Identifikator, die die Einzigartigkeit von Abhängigkeiten sicherstellt. Dies ist wichtig, um Verwirrung oder Konflikte in Abhängigkeiten zu vermeiden.
2. Nicht-Klassen-Abhängigkeitsinjektion: InjectionToken ermöglicht es uns, beliebigen Wert einzuschleusen, nicht nur eine Instanz einer Klasse. Dies ist nützlich in Szenarien wie Konfigurationen, Konstanten, Strings usw.
3. Provider-Konfiguration: Durch die Provider-Konfiguration können wir Angular sagen, wie eine Instanz der Abhängigkeit für das InjectionToken bereitgestellt werden kann. Dies ermöglicht es uns, verschiedene Werte für InjectionTokens in unterschiedlichen Kontexten bereitzustellen.
Lassen Sie uns nun die Nutzung und Rolle von InjectionToken mit einigen Beispielen erläutern.
App-Konfiguration injizieren
Zum Beispiel injizieren wir eine Anwendungskonfiguration mit der URL-Adresse und dem Umgebungsnamen, und der Code ist wie folgt:
Aus der Konstruktorinjektion sieht der Ausdruck wie folgt aus:
Referenz:
Der Hyperlink-Login ist sichtbar.
Der Hyperlink-Login ist sichtbar. |
Vorhergehend:.NET/C#-Konsolendienste sind bei der Consul Service Discovery registriertNächster:Rufen Sie die Alibaba Cloud OpenAPI API auf, um die Servernutzung zu erhalten
|
Vermieter|
Veröffentlicht am 17.2.2025, 13:36:08
|
