Angular-Services

Name: Angular-Services
Author: Michaela Ochnich

Erforschung der Rolle von Angular-Diensten und Abhängigkeitsinjektionen

Preview the first lesson free — get full access to all 3 lessons.

Kurs: On-Demand

In dieser Lektion werden Winkeldienste behandelt und wie man sie benutzt. Dienstleistungen sind eine besondere Klasse, die Leistung bringt eine spezielle Funktion für die Anwendung. Dienste helfen, bestimmte Anwendungsfunktionen abzutrennen aus Komponenten. Speziell Funktionen, die nicht interagieren müssen mit einer Sicht. Und diese Dienste sind wiederverwendbar. Dieselbe Serviceklasse kann verwendet und injiziert werden über mehrere Komponenten hinweg. Dies hilft, Ihre Anwendung modular zu halten und effizienter. Dienste können viele verschiedene Funktionen bereitstellen, wie API-Aufrufe zum Abrufen von Daten. Es kann auch die Daten in irgendeiner Weise ändern oder verarbeiten bevor Sie es an die Komponente übergeben. Dienste werden auch verwendet, um Daten zu teilen zwischen nicht verwandten Komponenten. Und Angular bietet auch einige vorgefertigte Dienste. HTTP-Client ist ein üblicher, die verwendet wird, um HTTP-Anfragen zu stellen. Um einen Dienst zu erstellen, führen Sie die Befehle aus, NG Service generieren und dann den Servicenamen. Und hier können Sie sehen, dass zwei verschiedene Typen erstellt wurden Skriptdateien. Diese Skriptdatei des ersten Typs wird zum Schreiben von Tests verwendet für das Bauteil. Und der zweite Typ Skriptdatei hier ist für die Klasse. Die Klasse verwendet den injizierbaren Dekorator, was diese Klasse als Angular-Service kennzeichnet und besteht ein Metadatenobjekt, um Konfigurationsinformationen bereitzustellen. Für diesen Service schreibe ich hier eine schnelle Funktion das einen API-Aufruf verspottet und eine Liste von Elementen zurückgibt für den Benutzer. Um den Dienst dann in einer Komponente zu verwenden, es muss in diese Komponentenklasse eingefügt werden. Ich habe eine Komponente namens Ansichtsliste hier schon generiert. Und zuerst muss der Dienst importiert werden. Und dann muss der Dienst injiziert werden in den Komponentenkonstruktor. Erbringung der Dienstleistung für den Konstrukteur hier erlaubt der Komponentenklasse, ihre Methoden aufzurufen. Dies wird mit der Dependency Injection von Angular gehandhabt, die in einer späteren Lektion ausführlicher behandelt werden. Als nächstes deklariere ich eine Variable zum Speichern der Elemente und rufen Sie dann den Dienst auf, um sie abzurufen. Wenn die Komponente nun initialisiert wird, es wird diese Servicefunktion aufrufen um die Listenelemente abzurufen und im Array zu speichern. Dann in der Komponentenvorlage, Ich werde nur schnell dieses Array anzeigen. Jetzt starte ich die Anwendung. Die Hauptanwendungskomponente ist bereits eingerichtet um diese Listenkomponente hier anzuzeigen. Jetzt starte ich die Anwendung und öffne sie dann in einem Browserfenster. Und Sie können sehen, dass die Liste angezeigt wird in der Komponente hier. Sie können den Service auch aus der Komponentenvorlage aufrufen, Dazu müssen Sie den Dienst jedoch zunächst öffentlich machen. Also zurück in die Komponentenklasse hier Ich werde das ändern, um es zu einem öffentlichen Dienst zu machen. Dann füge ich eine Schaltfläche hinzu, die, wenn sie angeklickt wird ruft dieselbe Methode vom Dienst auf. Und dann werde ich den Serviceruf entfernen das wird in der Komponentenklasse gemacht. Und jetzt holt die Komponente nur das Listenelement aus dem Dienst, wenn die Taste gedrückt wird. Das war's für diese schnelle Einführung in die Dienste. In der nächsten Lektion besprechen wir die Abhängigkeitsinjektion.

Anfänger Anbieter : Michaela Ochnich 3 Lektionen · 10m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Chinese

Kursbeschreibung

Diese Lektionen behandeln Angular-Dienste und die Rolle, die sie in einer Anwendung spielen. Sie lernen, wie Sie einen Dienst mithilfe eines Dekorators erstellen. Außerdem erfahren Sie, wie Angular Dependency Injection verwendet, um Abhängigkeiten, wie z. B. Dienste, zu verwalten und sie in einer Anwendung bereitzustellen.

Was Sie lernen werden

Verstehen Sie die Rolle, die Angular-Services in einer Anwendung spielen
Erstellen Sie einen Angular-Service mit einem Decorator
Erklären Sie, wie Angular Dependency Injection verwendet, um Abhängigkeiten zu verwalten
Beschreiben Sie, wie Services in einer Anwendung durch Dependency Injection bereitgestellt werden
Wenden Sie den Service-Decorator und seine Metadaten an, wenn Sie einen Service definieren

Wichtige Erkenntnisse

Angular-Services spielen eine definierte Rolle innerhalb einer Anwendung, und diese Lektionen erklären, worin diese Rolle besteht.
Ein Service kann mit einem Decorator erstellt werden.
Angular verwendet Dependency Injection, um Abhängigkeiten zu verwalten, einschließlich Services.
Dependency Injection ist der Mechanismus, den Angular verwendet, um Services innerhalb einer Anwendung bereitzustellen.

Häufig gestellte Fragen

Was behandelt dieser Angular Services-Kurs?

Der Kurs behandelt Angular-Services und die Rolle, die sie in einer Anwendung spielen, wie man einen Service mit einem Decorator erstellt, und wie Angular Dependency Injection verwendet, um Abhängigkeiten wie Services zu verwalten und in einer Anwendung bereitzustellen.

Welche Lernziele hat dieser Kurs?

Die angegebenen Lernziele bestehen darin, die Rolle von Angular-Services zu lernen und zu verstehen, wie Angular Dependency Injection nutzt.

Welche Themen oder Lektionen sind enthalten?

Die Lektionen sind: Was ist ein Service?, Dependency Injection und Service-Decorator und Metadaten.

Welche Fähigkeiten bezieht sich auf diesen Kurs?

Er bezieht sich auf Angular (Web Framework), Angular Components, Angular Material, Angular UI, Component Services und Service Object.

Werde ich lernen, wie man einen Angular-Service erstellt?

Ja. Der Kurs lehrt, wie man einen Service mit einem Decorator erstellt, und behandelt den Service-Decorator und seine Metadaten.