Services Angular

Name: Services Angular
Author: Michaela Ochnich

Explorez le rôle des services Angular et des injections de dépendance

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

Cours : à la demande

Cette leçon couvrira les services angulaires et comment commencer à les utiliser. Les services sont une classe angulaire spéciale qui fonctionne pour effectuer une fonction spécifique pour l'application. Les services aident à séparer certaines fonctionnalités de l'application à partir de composants. Spécifiquement des fonctions qui n'ont pas à interagir avec une vue. Et ces services sont réutilisables. La même classe de service peut être utilisée et injectée sur plusieurs composants. Cela aide à garder votre application modulaire et plus efficace. Les services peuvent fournir de nombreuses fonctions différentes, comme faire des appels d'API pour récupérer des données. Il peut également modifier ou traiter les données d'une manière ou d'une autre avant de le transmettre au composant. Les services sont également utilisés pour partager des données entre des composants indépendants. Et Angular fournit également des services prédéfinis. Le client HTTP est un client commun, qui est utilisé pour faire des requêtes HTTP. Pour créer un service, vous allez exécuter les commandes, NG génère le service, puis le nom du service. Et ici vous pouvez voir qu'il a créé deux types différents fichiers de scripts. Ce fichier de script de premier type est utilisé pour l'écriture de tests pour le composant. Et le second type de fichier de script ici est pour la classe. La classe utilise le décorateur injectable, qui marque cette classe comme un service angulaire et passe un objet de métadonnées pour fournir des informations de configuration. Pour ce service, je vais écrire une fonction rapide ici qui se moque d'un appel d'API et renvoie une liste d'éléments pour l'utilisateur. Ensuite pour utiliser le service dans un composant, il doit être injecté dans cette classe de composants. J'ai un composant appelé liste d'affichage déjà généré ici. Et d'abord, le service doit être importé. Et puis le service doit être injecté dans le constructeur du composant. Fournir le service au constructeur ici permet à la classe de composant d'appeler ses méthodes. Ceci est géré avec l'injection de dépendance d'Angular, qui sera traité plus en profondeur dans une leçon ultérieure. Ensuite, je vais déclarer une variable pour stocker les éléments puis appelez le service pour les récupérer. Maintenant, lorsque le composant s'initialise, ça va appeler cette fonction de service pour récupérer les éléments de la liste et les stocker dans le tableau. Ensuite, dans le modèle de composant, Je vais juste afficher rapidement ce tableau. Je vais maintenant lancer l'application. Le composant principal de l'application est déjà configuré pour afficher ce composant de liste ici. Maintenant je vais lancer l'application puis l'ouvrir dans une fenêtre de navigateur. Et vous pouvez voir que la liste s'affiche dans le composant ici. Vous pouvez également appeler le service à partir du modèle de composant, mais pour ce faire, vous devez d'abord rendre le service public. Donc de retour dans la classe des composants ici Je vais changer ça pour en faire un service public. Ensuite, je vais ajouter un bouton qui, une fois cliqué appellera cette même méthode depuis le service. Et puis je vais supprimer l'appel de service qui est fait dans la classe de composant. Et maintenant, le composant ne récupère que l'élément de liste du service lorsque le bouton est enfoncé. C'est tout pour cette introduction rapide aux services. La prochaine leçon, nous passerons en revue l'injection de dépendance.

Débutant Fournisseur : Michaela Ochnich 3 leçons · 10m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Ces leçons traitent des services Angular et du rôle qu’ils jouent dans une application. Vous apprendrez à créer un service à l’aide d’un décorateur. Vous découvrirez également comment Angular utilise l’injection de dépendances pour gérer les dépendances, telles que les services, et les fournir dans une application.

Ce que vous allez apprendre

Comprendre le rôle joué par les services Angular dans une application
Créer un service Angular à l'aide d'un décorateur
Expliquer comment Angular utilise l'injection de dépendances pour gérer les dépendances
Décrire comment les services sont fournis dans une application via l'injection de dépendances
Appliquer le décorateur de service et ses métadonnées lors de la définition d'un service

Points clés à retenir

Les services Angular jouent un rôle défini au sein d'une application, et ces leçons expliquent quel est ce rôle.
Un service peut être créé à l'aide d'un décorateur.
Angular utilise l'injection de dépendances pour gérer les dépendances, y compris les services.
L'injection de dépendances est le mécanisme qu'Angular utilise pour fournir des services au sein d'une application.

Foire aux questions

Que couvre ce cours sur les services Angular ?

Le cours couvre les services Angular et le rôle qu'ils jouent dans une application, comment créer un service à l'aide d'un décorateur, et comment Angular utilise l'injection de dépendances pour gérer les dépendances telles que les services et les fournir dans une application.

Quels sont les objectifs d'apprentissage de ce cours ?

Les objectifs d'apprentissage déclarés sont de comprendre le rôle des services Angular et d'apprendre comment Angular utilise l'injection de dépendances.

Quels sujets ou leçons sont inclus ?

Les leçons sont : Qu'est-ce qu'un service ?, L'injection de dépendances, et Le décorateur de service et les métadonnées.

À quelles compétences ce cours se rapporte-t-il ?

Il se rapporte à Angular (Framework Web), aux Composants Angular, à Angular Material, à l'Interface Utilisateur (UI) Angular, aux Services de Composants et à l'Objet Service.

Apprendrai-je à créer un service Angular ?

Oui. Le cours enseigne comment créer un service à l'aide d'un décorateur, et aborde le décorateur de service et ses métadonnées.