Sommaire

Boucles et affichage en mode tableau

Voyons comment mettre en œuvre des itérations pour afficher des données provenant de tableaux mémoire. Profitons aussi de cette série d’exercices pour voir de manière incidente comment convertir des éléments en majuscules, en minuscules, comment sélectionner des données et les trier.

1. Itération sur un tableau de données

Dans ce premier exemple, un tableau sera initialisé par le contrôleur du script AngularJS. Les données de ce tableau seront affichées dans une liste HTML (intégrée dans un jeu de balises <ul> ... </ul>).

Script complet

<!DOCTYPE html> 
 
<!-- 
Nom du script : boucles_filtres_01.htm 
Auteur : Christian VIGOUROUX 
Date de création : 15/10/2018 
Date de dernière modification : 15/10/2018 
Objet : Boucle de parcours sur un tableau 
--> 
 
<!-- Balise html --> 
<html> 
 
 <!-- Section head --> 
 <head> 
   <!-- Balise meta de gestion de l’accentuation UTF-8 --> 
   <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> 
   <!-- Appel du framework AngularJS --> 
   <script 
    src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/ 
angular.min.js"> 
   </script> 
 </head>  ...