Makina Blog
Faire une boucle for dans un template Angular 2
Quand on n'a pas d'itérable sous la main
La seule directive d'itération que propose Angular 2 est *ngFor.
Seulement, parfois, on souhaite simplement générer un nombre donné d'éléments sans avoir un objet à parcourir.
L'astuce consiste à créer un tableau vide mais avec une taille définie.
Pour cela il suffit d'instancier un tableau via le constructeur Array et de lui passer en unique paramètre le nombre voulu.
fakeArray = new Array(12);
Il ne reste plus qu'à l'utiliser avec la directive *ngFor dans le template :
<ul>
<li *ngFor="let a of fakeArray">Je crois que je me répète</li>
</ul>
Il est même possible de récupérer le nombre courant d'itérations via la propriété index :
<li *ngFor="let a of FakeArray; let iteration = index">Iteration n° {{ iteration }}</li>
Formations associées
Formations Front end
Formation Angular
À distance (FOAD) Du 25 au 29 novembre 2024
Voir la formationFormations Front end
Formation Angular avancé
À distance (FOAD) Du 9 au 13 décembre 2024
Voir la formationActualités en lien
Générer un fichier PMTiles avec Tippecanoe
Exemple de génération et d’affichage d’un jeu de tuiles vectorielles en PMTiles à partir de données publiques.
Publier une documentation VitePress sur Read The Docs
À l'origine, le site de documentation Read The Docs n'acceptait que les documentations Sphinx ou MKDocs. Depuis peu, le site laisse les mains libres pour builder sa documentation avec l'outil de son choix. Voici un exemple avec VitePress.
Créer une application en tant que composant web avec Stencil
Mise en place dans le cadre de Geotrek, cette solution permet de se passer d'une iFrame pour afficher une application dans n'importe quel site.