CATALOGUE Code & Data Formation Angular JS Apprendre Angular JS Maîtriser les Filtres et Directives en AngularJS

Maîtriser les Filtres et Directives en AngularJS

Filtres sur ng-repeat
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

L'objectif de cette vidéo est de comprendre et maîtriser l'utilisation des filtres en AngularJS, ainsi que les directives ng-repeat et ng-model pour manipuler et afficher des données de manière dynamique.

Découvrez comment utiliser les filtres et les directives ng-repeat et ng-model en AngularJS pour afficher et manipuler des données dynamiquement.

Dans cette leçon, nous explorerons les filtres et directives en AngularJS pour manipuler et afficher des données. Nous commencerons par un filtre simple permettant d'afficher des utilisateurs ayant un nom spécifique. Ensuite, nous apprendrons à utiliser la directive ng-repeat pour lister des utilisateurs, et à intégrer les filtres dans cette directive. Nous introduirons également ng-model pour capter les entrées de l'utilisateur et filtrer les données en temps réel.

Poursuivons avec deux autres filtres utiles: limitTo pour limiter le nombre de données affichées, et orderBy pour trier les données. Nous verrons comment ces filtres peuvent être rendus dynamiques, par exemple en utilisant des variables ou des fonctions dans le contrôleur. Enfin, nous verrons comment inverser l'ordre des données affichées à l'aide d'un bouton et de la méthode ng-click, sans recharger la page HTML.

Voir plus
Questions réponses
Qu'est-ce que la directive ng-repeat en AngularJS ?
La directive ng-repeat en AngularJS permet de créer une boucle sur une collection d'éléments et de les afficher dynamiquement dans le DOM.
Comment utilise-t-on le filtre limitTo en AngularJS ?
Le filtre limitTo en AngularJS est utilisé pour limiter le nombre de données affichées. On peut le spécifier en ajoutant '| limitTo : nombre' après la directive ng-repeat.
Quelle est l'utilité de la directive ng-model en AngularJS ?
La directive ng-model en AngularJS lie la valeur d'un champ de formulaire à une variable dans le scope, permettant de synchroniser automatiquement les données du modèle et les entrées utilisateur.

Programme détaillé

2 commentaires
4,0
2 votes
5
4
3
2
1
mickael.crez
Il y a 4 ans
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 ans
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 ...