Angular : Les tests et le débogage

Comprendre les décorateurs Angular

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous découvrirez ce que sont les décorateurs (decorators) dans Angular. Vous comprendrez également leur rôle dans le projet.
02:52

Transcription

Si vous n'êtes pas familier avec des décorateurs dans la syntaxe Angular, quand vous voyez le caractère a commercial ou @ devant une fonction d'Angular, c'est un décorateur. Comme, par exemple ici, qu'est ce qu'on voit pour Component. Leur fonction est tout simplement de retourner une fonction avec les options que vous entrez et déterminer plusieurs choses dans votre application, telles que, quel module, quelle valeur, etc., seront injectées dans votre code de votre application. Elles sont toujours injectées quand l'application est lancée. Je vous présente des exemples de décorateurs. Donc, le premier exemple, c'est justement Component. Comme vous pouvez voir, vous avez un petit peu plus d'explications quand vous passez au travers ici. Donc, c'est exactement ce que ça fait, comme, par exemple, ici Component. Donc, on passe dans le décorateur, quel est le selector, donc, par exemple, quel nom qu'on doit utiliser quand on veut importer ce component dans un autre template, quel est le templateUrl, donc, quel est le chemin d'accès pour le template, donc, ici. Quel est le styleUrls, ce qui veut dire quels sont les styles ou les feuilles de style qui sont chargés dans cette application. Donc, on peut voir ici dans le css que c'est celle-là qui est appliquée. Ça, c'est un exemple donc ceci est un décorateur. Voici un autre exemple pour créer un service, quand on voit le mot Injectable, ça veut dire qu'on vient de créer un service et voici le service ici. Dans ce cas-ci, on ne passe pas de metadata ou on ne passe pas d'option pour ce service, donc on crée la classe après, pour mettre en fonction le service HeroService, mais ça c'est un autre exemple d'un décorateur. Un troisième exemple : NgModule, et dans le NgModule, on passe beaucoup de fonctions, ce qui est le décorateur principal quand on parle d'application. Donc, pour le NgModule ici, on a des imports, on a des déclarations de Component qu'on va utiliser, on a des providers qui sont les services qu'on utilise, quel est le composant principal qui est chargé quand l'application démarre, qui est AppComponent, dans ce cas-ci. Donc, on passe toutes les informations que NgModule a besoin pour bien partir l'application quand elle démarre. Donc, ces exemples sont plusieurs exemples ou ce qu'on peut voir des décorateurs en fonction. Il y a plusieurs autres décorateurs, mais, à chaque fois que vous voyez le signe ici le @ ou le a commercial, en avant d'un nom, c'est un décorateur. Donc, vous pouvez composer le décorateur avec toutes les options et le metadata qu'il a besoin pour bien performer. Et voici une introduction décorateur dans Angular.

Angular : Les tests et le débogage

Découvrez les erreurs communes de cet environnement de développement telles que les erreurs d'injection ou de transformation de données, ainsi que les bonnes pratiques de conduite de tests.

1h24 (20 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Spécial abonnés
Date de parution :7 juin 2018

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !