Les modèles Svelte nous offrent le fantastique chaque bloc qui nous permet d'itérer sur un tableau, ou tout ce qui est itérable:
<script>
let goodDogs = ['Roger', 'Syd']
</script>
{#each goodDogs as goodDog}
<li>{goodDog}</li>
{/each}
Mais que se passe-t-il si vous souhaitez répéter un bloc plusieurs fois, en fonction d'une variable? Disons que nous avons lerowsvariable qui contient un nombre, et nous voulons l'utiliser comme variable de boucle.
Nous pouvons faire ce dont nous avons besoin en créant un tableau, en utilisant leArray(n)syntaxe. Cela créera un tableau, l'initialisant avecnéléments:
{#each Array(rows) as _, row}
{row}
{/each}Téléchargez mon gratuitManuel de Svelte
Plus de tutoriels sveltes:
- Premiers pas avec Svelte - un court tutoriel
- Comment travailler avec des accessoires dans Svelte
- Comment importer des composants dans Svelte
- Comment exporter des fonctions et des variables à partir d'un composant Svelte
- Modèles Svelte: logique conditionnelle
- Comment renvoyer un composant Svelte à la demande
- Machines à sous Svelte
- Comment ajouter des commentaires dans les modèles Svelte
- Fixations Svelte
- Gestion des mises à jour d'état dans Svelte
- Déclarations réactives dans Svelte
- Événements du cycle de vie Svelte
- Modèles Svelte: boucles
- Résoudre les promesses dans les modèles Svelte
- Travailler avec des événements dans Svelte
- Gestion des états inter-composants dans Svelte
- Comment accéder à un paramètre d'URL dans Sapper en dehors du module de script
- Comment appliquer dynamiquement CSS dans Svelte
- Comment rediriger vers une URL dans Sapper
- Comment simuler une boucle for dans les modèles Svelte