CATALOGUE Code & Data Formation Angular JS Apprendre Angular JS Comprendre et Utiliser les Filtres dans AngularJS

Comprendre et Utiliser les Filtres dans AngularJS

Filtres
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Angular JS
Revoir le teaser Je m'abonne
4,0
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,0
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction aux Filtres en AngularJS

Objectifs

Les objectifs de cette vidéo sont de :

  • Comprendre le rôle des filtres en AngularJS
  • Apprendre à appliquer et personnaliser des filtres pour les nombres, les dates, les textes et les objets
  • Découvrir comment utiliser les filtres pour améliorer l'affichage des données selon les préférences linguistiques

Résumé

Découvrez comment appliquer des filtres dans AngularJS pour afficher des données sous différentes formes.

Description

Un filtre dans AngularJS prend la valeur d'une expression et la convertit en une autre forme. Dans cette leçon, nous explorons comment créer une variable dans un contrôleur et appliquer divers filtres pour modifier l'affichage des données. Vous apprendrez :

  • À afficher des nombres décimaux
  • À formater la monnaie locale
  • À transformer du texte en majuscule ou minuscule
  • À manipuler des dates et à rechercher des objets dans un tableau

Nous verrons également comment intégrer des langues locales pour adapter l'affichage selon les préférences culturelles. En utilisant des exemples concrets, vous comprendrez comment ces filtres peuvent améliorer la présentation des données et leur lecture par l'utilisateur.

Voir plus

Questions - réponses

Comment déclarer et utiliser un filtre pour un nombre décimal dans AngularJS ?
Pour déclarer et utiliser un filtre pour un nombre décimal dans AngularJS, ajoutez | number après votre variable dans l'expression Angular. Par exemple, {{ value | number }} où value est 1337 affichera 1,337.
Comment intégrer des langues locales pour les filtres dans AngularJS ?
Pour intégrer des langues locales, incluez un script de localisation dans votre fichier HTML principal. Par exemple, pour le français, incluez .
Comment utiliser le filtre currency dans AngularJS ?
Pour utiliser le filtre currency, ajoutez | currency après votre variable dans l'expression Angular. Par exemple, {{ value | currency:'EUR' }} affichera 1 337,00 € pour la valeur 1337.

Programme détaillé

2 commentaires
4,0
2 votes
5
4
3
2
1
mickael.crez
Il y a 3 years
Commentaire
Super formation ! Maintenant ça va être impossible de développer sans AngularJS.
Merci au formateur pour cette formation très complète.
alain_nogues
Il y a 4 years
Commentaire
Pourquoi la police de l'éditeur est-elle si petite ? On s’abîme les yeux à lire ces pattes de mouche. Ce n'est quand même pas compliqué de configurer un corps de 16 ou 18 dans l'éditeur non ?
Je mets une note moyenne à cause de cette bévue impardonnable pour un formateur, alors que la formation est pourtant très bien faite.
Je remonterai ma note quand l'auteur refera ces vidéos avec une police lisible ...