Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir Angular 2

Comprendre les filtres basiques fournis

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Angular propose tout un ensemble de pipes déjà en place. Vous pourrez les utiliser directement dans vos projets.
03:38

Transcription

En vous rendant dans la documentation d'Angular, vous pourrez accéder à l'API référence, qui vous permettra d'avoir tout sur tout. Concrètement, ça permet de tout référencer. Si on enlève le filtre pipe ici, on aura absolument tout ce qui existe dans l'API d'Angular. Vous permettant de travailler. C'est un outil extrêmement important pour vous, parce qu'il référence absolument tout ce qui se trouve dans Angular. Vous avez ici, les différentes possibilités, donc tout ce qui est classe, décorateur, etc. Si vous filtrez avec pipe, vous allez voir que, dans Angular commands, vous avez déjà des pipes qui sont définis et qui sont déjà utilisables. On a le date, le async, on a le 18n, c'est pour faire de la traduction. On a une pipe pour les pourcentages, upper case on vient de le voir. Un pipe décimal, un pipe json qu'on a déjà utilisé, souvenez-vous le pipe json. Un pipe de remplacement, un pipe de current site pour appliquer des prix, par exemple, du moins les symboles monétaires. On a un pipe i18n qui fait du pluriel, très intéressant si on a besoin de faire des traductions avec des mots au pluriel et au singulier. Un lower case pipe qui permet de faire du lower case, le contraire de l'upper case et un slice, qui permet de travailler sur des collections. Ca c'est ceux qui sont déjà implémentés. À chaque fois pour voir comment ça fonctionne, vous entrez à l'intérieur, on vous donnera les informations, on vous montrera l'usage, on vous donnera à chaque fois, et ça c'est très intéressant, un exemple complet que vous pouvez reproduire. N'hésitez pas à aller regarder les petits exemples. On peut les copier coller ici directement, c'est vraiment très bien fait, ça vous permettra d'en apprendre plus. Vous vous doutez bien que les petits pipes qu'on a là, sont utilisables tout de suite dans le code. Je vous conseille de faire des tests, de regarder un petit peu, de quoi il en retourne et comment on les utilise, parce qu'il a plein de petites subtilités, notamment pour le décimal pipe, qui n'est pas forcément évident à comprendre et à utiliser, puisqu'il va utiliser une chaîne de caractères particulière, avec le minimum de fractions, et le maximum de fractions. Vous verrez que ça ressemble à peu à ça, c'est pas forcément évident à comprendre. Mais, on peut l'utiliser pour mettre en forme des chiffres, quand on a des chiffres et des valeurs compliqués à traiter, on peut facilement les désigner. Il y en a un qui est génial aussi, c'est le date. Le date pipe qui vous permet, à partir d'un objet de date, de faire du formatage. Vous trouverez en référence, toutes les expressions possibles et utilisables. Attention, c'est pas forcément les mêmes que dans les librairies que vous pouvez connaître, ou dans d'autres langages. Par exemple en php, ou alors avec moment, qui est une librairie js très connue et très utilisée. C'est pas toujours les mêmes façons d'écrire. Allez regarder un peu comment on doit formater une date, ici. Vous verrez qu'on a aussi des raccourcis très rapides qu'on peut utiliser. Bien sûr il y aura des petits exemples, on part d'un objet de date, en pipe, en didat, et si on a besoin de mettre un paramètre, c'est deux points et le paramètre derrière entre simples quotes, simples guillemets. Pas de doubles guillemets, on met bien des simples pour respecter les codes Angular. On peut le faire avec des doubles mais ça sera mieux avec des simples. Voilà pour les petites pipes qui existent déjà, évidemment on va pouvoir créer une pipe personnalisée, c'est ce que je vais vous montrer dans la prochaine vidéo. On va parler d'une pipe qui permettrait de filtrer une liste, comme ça vous aurez vu un exemple de pipe personnalisée. Je vais l'écrire, vous l'expliquer, vous allez voir comment ça fonctionne. N'hésitez pas à pousser de ce côté là parce que ca vous permettra d'écrire moins de code, et de traiter de façon un peu globale; des datas. Pour les dates vous n'allez pas vous amuser à le faire dans le contrôleur, vous le ferez dans le template, et comme ça une même date pour un objet, vous pourrez l'utiliser partout, avec pourquoi pas, des informations différentes en fonction des endroits.

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 !