jdanyow

<template>
  <h1>${message}</h1>
</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>
  <input type="checkbox" checked.bind="enabled"></input>
  <br/>
  ${enabled}
  <br/>
  ${_enabled}
</template>

jdanyow

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

jdanyow

<template>
  <require from="./language-switcher"></require>
  
  <language-switcher languages.bind="languages" selected-language.bind="selectedLanguage">
  </language-switcher>
  
  <br><br>
  
  ${selectedLanguage.shortName}
</template>

jdanyow

<template>
  <form submit.delegate="submit()">
    <h1>${title}</h1>
    <div class="form-group">
      <label class="control-label" for="last">Name</label>
      <input type="text" class="form-control" placeholder="Name"
             value.bind="driver.name & validate">
    </div>
    
    <div class="form-group">