Plantillas de correas: bucles

Aprenda a trabajar con bucles en las plantillas de Svelte

En las plantillas Svelte puedes crear un bucle utilizando la {#each}{/each}sintaxis:

scriptlet goodDogs = ['Roger', 'Syd']/script{#each goodDogs as goodDog}li{goodDog}/li{/each}

Si está familiarizado con otros marcos que utilizan plantillas, es una sintaxis muy similar.

Puedes obtener el índice de la iteración usando:

scriptlet goodDogs = ['Roger', 'Syd']/script{#each goodDogs as goodDog, index}li{index}: {goodDog}/li{/each}

(los índices comienzan en 0)

Al editar dinámicamente las listas eliminando y agregando elementos, siempre debe pasar un identificador en las listas para evitar problemas.

Puedes hacerlo usando esta sintaxis:

scriptlet goodDogs = ['Roger', 'Syd']/script{#each goodDogs as goodDog (goodDog)}li{goodDog}/li{/each}!-- with the index --{#each goodDogs as goodDog, index (goodDog)}li{goodDog}/li{/each}

También puedes pasar un objeto, pero si tu lista tiene un identificador único para cada elemento, es mejor usarlo:Te recomendamos Armario escobero

scriptlet goodDogs = [ { id: 1, name: 'Roger'}, { id: 2, name: 'Syd'}]/script{#each goodDogs as goodDog (goodDog.id)}li{goodDog.name}/li{/each}!-- with the index --{#each goodDogs as goodDog, index (goodDog.id)}li{goodDog.name}/li{/each}

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Plantillas de correas: bucles

En las plantillas Svelte puedes crear un bucle utilizando la {#each}{/each}sintaxis: Aprenda a trabajar con bucles en las plantillas de Svelte Aprenda a trabaj

programar

es

2025-01-22

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente