{{#each key}}

  • function
can.Mustache.helpers.each  

{{#each key}}BLOCK{{/each}}

Render the block of text for each item in key's value.

Parameters

  1. key {key}

    A key that references a value within the current or parent context. If the value is a function or can.compute, the function's return value is used.

    If the value of the key is a can.Observe.List, the resulting HTML is updated when the list changes. When a change in the list happens, only the minimum amount of DOM element changes occur.

  2. BLOCK {can.Mustache}

    A template that is rendered for each item in the key's value. The BLOCK is rendered with the context set to the item being rendered.

Use

Use the each helper to iterate over a array of items and render the block between the helper and the slash. For example,

The template:

<ul>
  {{#each friends}}
    <li>{{name}}</li>
  {{/each}}
</ul>

Rendered with:

{friends: [{name: "Austin"},{name: "Justin"}]}

Renders:

<ul>
  <li>Austin</li>
  <li>Justin</li>
</ul>