vsn-each

vsn-each renders a <template> for each item in a list.

Basic usage

<template id="row" vsn-each="items as item, i">
  <div class="row">
    <span class="idx" vsn-bind="i"></span>
    <span class="label" vsn-bind="item"></span>
  </div>
</template>

behavior #row {
  items: ["a", "b", "c"];
}

Notes

• The template is cloned for each item.
• item and i are scoped per row.

Related

• Bindings
• State & Scope