jdanyow

<template>
  <h1>${message}</h1>
</template>

jdanyow

<template>
  <require from="./grid/grid"></require>
  <require from="./grid/column"></require>

  <grid rows.bind="people">
    <column><template><td>index: ${$index}</td></template></column>
    <column><template><td>firstName: ${firstName}</td></template></column>
    <column><template><td>lastName: ${lastName}</td></template></column>
  </grid>
</template>

jdanyow

<template>
  <require from="./repeater"></require>
  <h3>Remove the first repeater (0), alert should show 'Detached content 0' but shows 'Detached content 1'.</h3>
  <div>
    To fix the issue, open repeater.js, and uncomment 'detached() {}'.
  </div>
  <br>
  <div repeat.for="repeaterId of repeaterIds">
    <repeater repeater-id.bind="repeaterId"></repeater>
    <button click.trigger="$parent.removeRepeaterId(repeaterId)">Remove me</button>

jdanyow

<template>
  <require from="./component"></require>
  
  <input type="checkbox" ref="isFiltering">
  <br>
  <component 
    repeat.for="id of components | without8: isFiltering.checked"
    id.bind="id"
  ></component>
</template>

jdanyow

<template>
  <input type="checkbox" change.trigger="updateCheck('second', $event.srcElement.checked)">
  <input type="checkbox" change.trigger="updateCheck('first', $event.srcElement.checked)">
  <div>${isChecked.size ? 'Some Checked' : 'None Checked'}</div>
</template>

jdanyow

<template>
  <require from="./group"></require>
  
  <group group.two-way="groups"></group>
</template>

jdanyow

<template>
  <ul>
    <li repeat.for="person of people">
      ${person.firstName} ${person.lastName}
      <button click.delegate="editPerson = person">Edit</button>
    </li>
  </ul>
  
  <form if.bind="editPerson" submit.delegate="save()">
    <label>

jdanyow

<template>
  <require from="tbind.js"></require>
  <h1>${message}</h1>
  <h2>${prop}</h2>
  <div>${'val1' & t}</div>
  <div>${'val1' & t}</div>
  <div>${'val1' & t}</div>
  <hr/>
  <div>
   <compose containerless view.bind="'custom-view.html'"></compose>

jdanyow

<template>
  <input type="checkbox" checked.bind="enabled"></input>
  <br/>
  ${enabled}
  <br/>
  ${_enabled}
</template>

jdanyow

<template>
  <h1>watch the data grow</h1>
  ${data.length}
  ${data}
</template>