Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

青灯夜游
Freigeben: 2022-08-29 20:05:10
nach vorne
2141 Leute haben es durchsucht

Was ist Abhängigkeitsinjektion? Dieser Artikel vermittelt Ihnen ein tiefgreifendes Verständnis der Abhängigkeitsinjektion in Angular. Ich hoffe, er wird Ihnen hilfreich sein!

Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

Übersetzer hinzugefügt: Wikipedia weist darauf hin – In der Softwareentwicklung bezieht sich Abhängigkeitsinjektion (Dependency Injection, DI) darauf, einem Objekt zu erlauben, andere Objekte zu empfangen, von denen es abhängt. „Abhängigkeiten“ beziehen sich auf Objekte, die der Empfänger benötigt. „Injektion“ bezieht sich auf den Prozess der Weitergabe von „Abhängigkeiten“ an den Empfänger. Nach der „Injektion“ ruft der Empfänger die „Abhängigkeit“ auf.

Übersetzer hinzugefügt: Wenn beispielsweise classA bestimmte Funktionen von classB verwendet, bedeutet dies, dass classA classB hat code>s Abhängigkeit. Bevor wir <code>classA verwenden, müssen wir classB erstellen. Empfohlene Artikel Was ist Abhängigkeitsinjektion? Wie benutzt man es? classA 使用 classB 的某些功能时,则表示 classA 具有 classB 的依赖。在使用 classA 之前,我们需要创建 classB。推荐文章依赖注入是什么?如何使用它?

我们都知道在 Angular 中如何使用服务 services 的标准方法。将服务标记为可注入并将其放入模块中的 provider 部分中。【相关教程推荐:《angular教程》】

如下:

Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

对于依赖注入,我们有很多的小技巧可以使用。比如,在模块中Angular 可以转换一行 TestService 为不同行写法。

Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

我们放在 provider 部分的每个服务,都会转换为带有两个属性的对象。在 provide 属性中,我们可以使用类名或者我们可以创建一个独一无二的键并注入一个对象。我们甚至可以注入一个变量。

Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

另一个有趣的特性是,我们可以使用同一个键注入多个对象,然后像数组那样使用它们。

Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

并且,我们也可以根据不同情况注入不同服务。换句话说,我们可以使用 if-else 声明。

Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

现在,希望你了解了 Angular

Wir alle kennen die Standardmethode zur Verwendung von Diensten services in Angular. Markieren Sie den Dienst als injizierbar und fügen Sie ihn in den Abschnitt provider im Modul ein. [Verwandte Tutorial-Empfehlungen: „Angular Tutorial

“]

lauten wie folgt:

Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

Für die Abhängigkeitsinjektion haben wir viele kleine Tricks, die wir verwenden können. Beispielsweise kann Angular im Modul eine Zeile von TestService in eine andere Schreibzeile umwandeln.

Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel

us Jeder im Abschnitt provider platzierte Dienst wird in ein Objekt mit zwei Eigenschaften umgewandelt. Im Attribut provide können wir den Klassennamen verwenden oder einen eindeutigen Schlüssel erstellen und ein Objekt einfügen. Wir können sogar eine Variable einfügen. 🎜🎜Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel🎜🎜Auch Eine interessante Funktion ist, dass wir mehrere Objekte mit demselben Schlüssel injizieren und sie dann wie ein Array verwenden können. 🎜🎜Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel🎜🎜und Wir können je nach Situation auch unterschiedliche Dienste injizieren. Mit anderen Worten: Wir können die Anweisung if-else verwenden. 🎜🎜Ausführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel🎜🎜Jetzt Ich hoffe, Sie verstehen den Charme der Angular-Abhängigkeitsinjektion. 🎜🎜Wenn Sie mehr über den relevanten Codeinhalt erfahren möchten, klicken Sie bitte 🎜hier🎜. 🎜🎜🎜Dieser Artikel ist eine Übersetzung in Form einer kostenlosen Übersetzung. 🎜🎜Originaladresse: https://medium.com/geekculture/angular-dependency-injection-7337ecb69aae🎜🎜🎜Weitere Programmierkenntnisse finden Sie unter: 🎜Programmiervideo🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Abhängigkeitsinjektion in Angular in einem Artikel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage