Skip to content

Commit

Permalink
docs: {#each} with key but without index (#4721)
Browse files Browse the repository at this point in the history
  • Loading branch information
majkelbed authored Apr 29, 2020
1 parent 5604954 commit edeeb05
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions site/content/docs/02-template-syntax.md
Original file line number Diff line number Diff line change
Expand Up @@ -206,6 +206,9 @@ Additional conditions can be added with `{:else if expression}`, optionally endi
{#each expression as name, index}...{/each}
```
```sv
{#each expression as name (key)}...{/each}
```
```sv
{#each expression as name, index (key)}...{/each}
```
```sv
Expand Down Expand Up @@ -242,6 +245,11 @@ An each block can also specify an *index*, equivalent to the second argument in
If a *key* expression is provided — which must uniquely identify each list item — Svelte will use it to diff the list when data changes, rather than adding or removing items at the end. The key can be any object, but strings and numbers are recommended since they allow identity to persist when the objects themselves change.

```html
{#each items as item (item.id)}
<li>{item.name} x {item.qty}</li>
{/each}

<!-- or with additional index value -->
{#each items as item, i (item.id)}
<li>{i + 1}: {item.name} x {item.qty}</li>
{/each}
Expand Down

0 comments on commit edeeb05

Please sign in to comment.