javascript / beginner
Snippet
Listen rendern mit Each-Blöcken
Um ein Array zu durchlaufen und HTML für jedes Element zu rendern, verwendet Svelte den {#each}-Block. Dies ist sauberer als manuelle map()-Aufrufe im Template.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
<script>let colors = ['Red', 'Green', 'Blue'];</script><ul>{#each colors as color}<li>{color}</li>{/each}</ul>
svelte
Erklärung
1
{#each colors as color}
Startet eine Schleife über das 'colors'-Array und weist jedes Element der Variable 'color' zu.
2
{/each}
Schließt den Schleifen-Block ab.