fragsalat

<template>
  <h1>Children selected: ${allSelected}</h1>
  <button click.delegate="add98Children()">Add 98 children</button>
  <button click.delegate="add1Children()">Add 1 children</button>
  <ul>
    <li repeat.for="child of children">
      ${child.id} <input type="checkbox" checked.bind="child.selected" />
    </li>
  </ul>
</template>

fragsalat

<template>
  <require from="./children"></require>
  <p>Below are groups which get's re-rendered every time you add a child or re-name one. You can see it because of the logged getter calls.</p>
  <div repeat.for="group of groupedChildren">
    <h3>${group.title}</h3>
    <div repeat.for="child of group.children">
      <children child.bind="child"></children> 
    </div>
  </div>
  <br/>