article(s) dans votre panier VOIR

Les filtres sur ng-repeat avec Angular JS

  • Vidéo 11 sur 31
  • 4h11 de formation
  • 31 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Filtres sur ng-repeat
00:00 / 08:45
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce tutoriel vidéo sur Angular JS, l’auteur vous explique les filtres sur ng-repeat. L’objectif de cette formation est de filtrer les données et de les afficher. Pour y parvenir, vous passez tout d’abord dans votre fichier main.js. Dans ce fichier, vous créez un tableau dans lequel vous insérez les informations à filter et à afficher. Pour créer le tableau, il est nécessaire de déclarer une variable. Pour cela, vous utilisez $scope suivi du nom de la variable. Pour créer un tableau, vous utilisez . Vous insérez alors les informations entre ces crochets. Cette action faite, vous passez ensuite dans le fichier index.html afin d’afficher les informations dans votre navigateur. Si vous souhaitez par exemple voir uniquement les utilisateurs ayant un nom sam, le code est {{users |filter : filterValue}}. Dans le fichier main.js, vous utilisez le code $scope.filterValue = {name = ‘’sam’’}. Dans cet exemple, la variable est nommée Value. Il faut noter que vous avez la possibilité de tirer un élément dans le tableau contenant les données. Pour cela, vous vous servez de la directive ng-repeat. Pour utiliser cela, vous avez besoin d’une balise li dans laquelle ng-repeat = ‘’ user in users | filter : filterValue’’. Pour conclure, vous disposez donc de diverses méthodes pour filtrer des données.