`{{#each}}`

Iterates over an array, rendering its block for each item.

Since Ember 4/5 (Octane) Spec ↗

Syntax

{{#each items as |item index|}} ... {{/each}}

Returns

block — Renders the block once per item.

Examples

<ul>
  {{#each @todos key="id" as |todo index|}}
    <li>{{index}}. {{todo.title}}</li>
  {{else}}
    <li>No todos yet</li>
  {{/each}}
</ul>

Notes

Use `key="id"` so Ember reuses DOM by identity instead of position, improving performance and preserving state. The {{else}} block renders when the list is empty. {{#each-in}} iterates objects.