Découvrir Angular 2

Créer des constantes de paramètres

Testez gratuitement nos 1304 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Pour configurer votre projet, le plus intéressant est d'utiliser des constantes. Cela n'existe pas en JavaScript, mais TypeScript et Angular vous propose un système fort intéressant pour les gérer.
05:08

Transcription

Pour le moment, on a un peu tout en dur dans l'application. On vient de faire du modèle, alors évidemment, on a des choses réutilisables. Il y a des choses qui sont en dur : par exemple, le nom de l'application, la version qu'on détient ici. En fait toutes ces informations-là, on pourrait les transformer en constantes. Les constantes, c'est bien, parce que cela vous permet de faire de l'application configurable. Et dans de très nombreux cas, cela va vous servir. Comment on va créer de la constante ? Moi, j'ai pour habitude de créer un fichier de configuration. Je vais le faire avec vous, je vais créer un nouveau fichier appelé Config.Ts. Et ce Config.Ts, ici, ça va être une Classe. On va l'exporter, ExportClasse, Config, on va l'appeler ainsi. Et puis à l'intérieur, on va créer des constantes. Alors les constantes, qu'est ce que cela va être ? Ça va être simplement des variables ou plutôt des fonctions qu'on va pouvoir appeler d'un peu partout et qui vont nous permettre de configurer certaines informations. comment va-t-on créer une constante ? Une constante, c'est privé, donc Private. Ici, on va pouvoir définir une constante, et la constante ne s'écrit pas constante. Eh bien, non ! comment va-t-on l'écrire ? Cela va être beaucoup plus simple que d'utiliser des constantes. En réalité, ça va être des statics. On va créer une Private Static. Et qu'est ce qu'il y aura derrière ? Un Gate, et on lui donnera un nom de foncion. Je vous conseille d'avoir des noms de fonctions en majuscules. Pour bien reconnaître qu'il s'agit de statics, par exemple : Title. Cela n'est pas suffisant, il s'agirait plutôt App underscore Title. Vous donnerez ensuite un Type. Et enfin, vous finirez par référencer derrière, une fonction qui fera un Return de quelque chose. Notamment, ici, qu'est ce qu'on pourrait retourner ? Eh bien, on pourrait retourner le titre de notre application. Le titre c'était Application livreur, alors on va récupérer cette partie-là. Et puis on va la placer ici, dans notre constante. Donc, on va retourner Application livreur, comme ça. Alors, attention ! car vous voyez qu'ici, ça crie un peu ! Tout simplement parce que c'est une fonction. Donc, on est obligé, ici, de référencer qu'il s'agit d'une fonction. Si vous ne le faites pas, alors, on vous dira que cela n'est pas possible. Vous devez donc, ici, avoir une fonction. Voilà, comment on écrit une constante dans l'application. C'est une constante car il n'y aura pas de Setter. On ne peut pas remplacer cette fonction-là. Si on l'appelle, on aura bien la bonne information à l'endroit où on la perd. Donc, maintenant qu'on a fait ça, il va falloir l'utiliser. Pour l'utiliser, c'est comme d'habitude, on va d'abord importer. On va importer Config, et on va lui dire depuis où on l'importe. Donc, pour nous, cela va être From.Schlass.Config qui se trouve directement dans le même dossier. Et puis, on va devoir maintenant l'utiliser. Pour l'utiliser vous allez appeler Config. et puis, vous pourrez aller chercher votre AppTitle qui s'écrit de la sorte. Et alors attention ! car regardez ce qui se passe. Là, il ne voudra pas vous la donner, car c'est privé. Et quand c'est privé, cela ne peut pas du tout sortir de votre fichier. Donc, les statics, elles seront à chaque fois publiques, si vous voulez pouvoir les utiliser à l'extérieur, sinon, cela ne fonctionnera jamais. Ainsi, vous allez vous retrouver avec le titre que vous avez mis là. Ce qui est très intéressant, c'est que ça vous allez pouvoir le réutiliser partout. Simplement en l'appelant Config.Title. Et vous n'aurez qu'un seul endroit où remplacer le nom d'application. Par exemple Application livreur, pour le client, et ici, cela vient se substituer au rechargement. Maintenant, qu'on a fait ça, on pourrait aussi le faire pour 1.0 qui se trouve là. C'est très simple : vous allez copier et vous allez coller. Et puis vous allez ici remplacer Title par Version. App Version et vous allez ici mettre 1.0, tout simplement et venir le réutiliser à cet endroit-là, de la même manière. Ici, on va lui dire que c'est Config AppTitle, et ici Config App Version. Là, on a nos deux constantes rajoutées, configurables et utilisables partout dans l'application. Prenez l'habitude de vous faire des fichiers de configuration Ainsi, par exemple, si vous utilisez une API, pour avoir le nom de l'API et ne pas avoir à la réutiliser dans tous vos services, et l'écrire en dur. Donc, là on va réutiliser simplement la constante. On pourrait pour les données de test, le déplacer et le mettre dans la Config. Ça c'est une bonne manière de faire : créer un fichier de configuration, venir insérer des constantes à l'intérieur qui ne sont que des statics (que vous allez pouvoir appeler partout) et pensez à bien référencer, ici, également les différentes informations de sortie. Le deux points qui se trouve derrière la fonction permet d'affirmer ce qui va être retourné en sortie. Ici, ça sera In shrink qui est retouné. Si vous mettez ici, Number, vous allez avoir une erreur parce que sinon, vous êtes obligés de faire un Return de number. Vous devriez avoir 1.0, si vous voulez que cela fonctionne. Vous pouvez fixer comme vous en avez envie, cela peut être aussi des modèles, des collections de modèles, peu importe. Pensez bien à créer de la Config, c'est extrêmement utile.

Découvrir Angular 2

Prenez en main toute la puissance du framework AngularJS. Exploitez ses fonctionnalités, et développez rapidement des applications web robustes et performantes !

2h50 (40 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :6 sept. 2016

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 !